Core Code
Core Code Modern Dev Handbook

CSS Float Two Column Layout

Floats were historically used to build column layouts.

Preview

Code

<style>
.col{
float:left;
width:50%;
background:#e9d5ff;
padding:10px;
box-sizing:border-box;
}
</style>

<div class="col">Column 1</div>
<div class="col">Column 2</div>

More CSS Float Examples (7)

example CSS Float Left open example example CSS Float Right open example example CSS Float Image open example example CSS Float Text Wrap open example example CSS Float Clearfix open example example CSS Float Buttons open example example CSS Float Navigation open example