2018年
2018年09月14日
横並びdivの高さ揃え＆テキスト上下中央へ
html
<div class=”box”>
<div class=”sub-box1″>テキスト</div>
<div class=”sub-box2″>テキストテキストテキストテキストテキストテキスト</div>
</div>
css
.box{display: table;width: 100%;}
sub-box1{width: 20%; display: table-cell;text-align: center; vertical-align: middle;}
sub-box2{width: 95%; padding: 5px 10px;display: table-cell;}
vertical-align: middle;← 上下中央
