HTML

<div class="columns"> <div> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquam mauris magna, sit amet ullamcorper libero porttitor ut. Praesent quis blandit enim.</p> <p>Vestibulum vehicula mauris in lacus pharetra semper. Suspendisse rhoncus metus at dui malesuada, sit amet dapibus massa ultrices.</p> <p>Cras luctus mi sed tristique semper. Donec malesuada tempus felis non auctor.</p> <p>Donec volutpat augue quis sapien tincidunt, quis lacinia dui mattis. Aenean non consequat ex. Vestibulum commodo a ex sit amet ultrices.</p> </div> <div> <p>Proin rhoncus sapien non augue sollicitudin, non mattis tellus auctor. Mauris et nibh eget libero malesuada rutrum. Fusce finibus ipsum vel euismod elementum. Praesent nec hendrerit felis.</p> <p>sit amet sodales ante. Fusce fringilla orci in nisi rutrum, vel facilisis enim laoreet.</p> <p>Vestibulum lorem leo, lobortis ut dignissim at, aliquet ut mi. Maecenas porttitor, nunc vitae euismod tempus, magna sapien lacinia nunc, vel iaculis nunc lorem id leo.</p> </div> <div> <p>Mauris ut ullamcorper leo, non ultricies metus. In purus nibh, mattis ac tincidunt a, consectetur ac sem. Duis eleifend nulla et imperdiet blandit. Nam bibendum risus non sollicitudin auctor.</p> <p>Nunc erat nulla, cursus id ante vitae, accumsan consequat nisl. Nullam lectus odio, ultrices nec condimentum a, ornare non orci. Nullam feugiat bibendum justo, tristique laoreet enim bibendum sit amet.</p> <p>Cras accumsan nibh quis ex tempor, at sollicitudin libero efficitur. Suspendisse vulputate, nisi ut viverra laoreet, nisl enim vehicula dolor, at sagittis lectus dui ut lorem.</p> </div> <div> <p>Interdum et malesuada fames ac ante ipsum primis in faucibus.</p> <p>Vestibulum tempus semper tortor, sit amet tincidunt neque accumsan id. Morbi metus nisi, lacinia at blandit a, dictum ac lorem.</p> <p>Fusce eget tortor ligula. Suspendisse mattis, dolor in luctus sollicitudin, nisl nunc venenatis quam, suscipit placerat justo nunc in justo.</p> </div> </div>

CSS

.columns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1500px; margin: auto; padding: 1em 2.5%; } .columns > div { -ms-flex-preferred-size: 18.5em; flex-basis: 18.5em; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

JavaScript