テキストの縦方向の中央揃え

display: table-cellを使ってテキストを縦方向の中央に揃えることができます。、
要素の高さ:height、vertical-alignの指定が必要です。

■html

  • テキスト
  • テキストテキストテキストテキスト
    テキストテキストテキストテキスト

■css
.test li {
height:70px;
display: table-cell;
vertical-align: middle;
}

注意はtable-cellはIE8から対応ということです。

admin

cl0606

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です