Responsive Columns

column-width creates responsive column layouts.

Preview

Code

<style>
.columns{
column-width:200px;
column-gap:20px;
}
</style>

<div class="columns">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse potenti. Curabitur convallis metus non nisi tincidunt.
</div>

More CSS Multiple Columns Examples (8)