<div class="example-box-wp">
 <div class="example-box">
  ボックス1  
 </div>
 <div class="example-box">
  ボックス2<br>
  テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
 </div>
 <div class="example-box">
  ボックス3  
 </div>
 <div class="example-box">
  ボックス4
 </div>
</div>
.example-box-wp{
  display:table;
  width:100%;
}
.example-box{
  display:table-cell;
  vertical-align:top;
  width:25%;
}
.example-box:nth-child(1){
  background:red;
}
.example-box:nth-child(2){
  background:yellow;
}
.example-box:nth-child(3){
  background:green;
}
.example-box:nth-child(4){
  background:blue;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.