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

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

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

■html

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

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

admin

cl0606

コメントを残す

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