<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>
* {
box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
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 doesn't use any external CSS resources.