CodePen Embed - BaKxBbK

<div class="pattern1-1-1-1">
  <div class="col">
    <p>この文章はダミーです。文字の大きさ、量、字間、</p>
  </div>
  <div class="col">
    <p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。</p>
  </div>
  <div class="col">
    <p>この文章はダミーです。</p>
  </div>
  <div class="col">
    <p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等</p>
  </div>
</div>

* {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  -o-box-sizing: border-box;  
  -ms-box-sizing: border-box; 
  box-sizing: border-box;
}
div.col{
  width:calc((100% - 90px) / 4);
  margin-right: 30px;
  border: 1px solid #000;
  float: left;
  padding: 14px;
}
div.col:nth-child(4n){
  margin-right: 0;
}
p{
  margin: 0;
  font-size: 14px;
}

$(function() {
    $('div.pattern1-1-1-1 div.col').matchHeight();
});

This Pen is owned by YutoAsai on CodePen.

See more by @TheYuto on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External CSS

External JavaScript