理解しておきたい、CSSによるインラインレイアウトの仕組み(vertical-align編その2)Inline Layout─Frontrend Conference 高津戸壮(株式会社ピクセルグリッド) この記事は、Frontrend Conferenceのセッション「Inline layout」でお話させていただいた内容を基に、連載記事(全4回)として書き起こしたものです。今回は第3回目です。 vertical-alignごとのアイコンの揃え位置 前回に引き続き、vertical-alignの利用方法について解説していきます。今回はまず、文頭に置いたアイコン画像を、vertical-alignを用いて位置調節する方法から見ていきます。 以下の様なHTMLがあったとします。
![理解しておきたい、CSSによるインラインレイアウトの仕組み(vertical-align編その2)Inline Layout─Frontrend Conference](https://cdn-ak-scissors.b.st-hatena.com/image/square/3a6d761c463c0ae9bb37924944807a4f21a2344c/height=288;version=1;width=512/https%3A%2F%2Fhtml5experts.jp%2Fwp-content%2Fuploads%2F2015%2F03%2Fjap.png)