クリエイター：コーディング備忘録ブログ

コーディング

幅サイズ不明のdiv要素を中央揃え

中央寄せにする、横幅が可変な要素をdivタグで囲い、外側の要素にtext-align: center;を指定します。
中央寄せにしたい要素にdisplay: inline-block;を指定します。

指定することで、親要素のtext-align: center;によって中央寄せになります。

■html

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

■css
.test_wrapper {
text-align: center;
}
.test {
display: inline-block;
}

この記事を見た人は次の記事も見ています。

コメント

この記事へのコメントはありません。

RELATED

PAGE TOP