中央揃えにしよう2
問題
今回はブロック要素に直に文字が入っているときに中央揃えにするやり方です。
自分の環境に書くコード
<div class="box">あいうえお</div>
¥HTML¥
.box{
border: 2px solid black;
width: 300px;
height: 100px;
}
¥CSS¥
期待する画面
解答ソースコード
.box{
display: table-cell;
vertical-align: middle;
text-align: center;
}
¥CSS¥
完了にする!
解説