文章を左揃えのまま中央にセンタリングしたい場合があります。
そんな時には、inline-blockを使用します。
inline-blockはtext-alignの指定を受けるので、
親要素にtext-align:centerを指定して中央寄せにすることが出来ます。
1 2 3 4 5 6 7 |
■html <div class="box"> <p class="text"> test </p> </div> <!-- /.wrapper --> |
1 2 3 4 5 6 7 8 |
■css .box{ text-align: center; } .text{ text-align:left; display:inline-block; } |
コメント