<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();
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.2/jquery.matchHeight-min.js