tableと言うか、横並びにしたDIVの高さを揃えることが出来るstyleタグです。
CSS
.table{ /* 親要素 */ display: table; /* 均等幅 */ table-layout: fixed; /* 幅 */ width: 100%; /* ボーダー */ border:1px solid #CCCCCC; } .table .td{ /* 子要素 */ display: table-cell; /* 中央寄せ*/ text-align:center; }
HTML
<div class="table"> <div class="td">左側のDIV</div> <div class="td">中央のDIV</div> <div class="td">右側のDIV</div> </div>
サンプル
左側のDIV
中央のDIV
右側のDIV