ul と li を使って何らかの要素を横並びにするとき、縦方向に中央揃えしたい場合や、上下で揃えたい場合は display: inline-block; を使うと縦方向の基準を指定できます。 displayプロパティとは displayは、要素の「表示形式」を指定するプロパティ。 ブロック要素をインライン形式で表示したい場合や、インライン要素をブロック形式で表示したい場合に記述します。 横並びの list を中央揃えにする css 記述サンプル menu01 menu02 menu02 menu03 menu03 menu03 css ul.hoge li { display: inline-block; vertical-align: middle; } /* もしくは */ ul.hoge li { display: table-cell; vertical-align: middle
![【css】高さの違う横並びのlistを縦方向に中央揃えにしたいときの記述例](https://cdn-ak-scissors.b.st-hatena.com/image/square/68307159f5a3ec4c67660932fd393e19188ea013/height=288;version=1;width=512/http%3A%2F%2Fkawatama.net%2Fwp-content%2Fuploads%2F2014%2F01%2Fdisplay_thum.jpg)