<div class="boxer">
   <div class="box-row">
    <div class="box">A</div>
    <div class="box">B</div>
   </div>
   <div class="box-row">
    <div class="box" style="width: 100px;">C</div>
    <div class="box">D</div>
   </div>
   <div class="box-row">
    <div class="box">E</div>
    <div class="box">F</div>
   </div>
</div>

.boxer {
   display: table;
   background-color: yellow;
   border-collapse: collapse;
}

.boxer .box-row {
   display: table-row;
}

.boxer .box {
   width: 50px;
   height: 50px;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
   border: 1px solid black;
}