[CSS] インライン要素の縦位置を指定する

インライン要素の縦位置を指定するには、「vertical-align」を使用します。

サンプル

例)インライン要素を上寄せにする

vertical-align:top;

【結果】

あいうえお

例)中寄せにする

vertical-align:middle;

【結果】

あいうえお

例)下寄せにする

vertical-align:bottom;

【結果】

あいうえお

備考

  • 上記例のように、divタグ内でvertical-alignプロパティを有効にするには、display:table-cellheightの指定が必要です。
  • ブロック要素とインライン要素については以下をご覧ください。
     ⇒[HTML] ブロック要素とインライン要素

関連項目


コメント

タイトルとURLをコピーしました