- Use the following to float elements to create columns:
- CSS:
.featured {width: 33%; float: left; box-sizing: border-box; padding: 10px; border: 1px solid black}
section {margin: auto; max-width: 1200px}
section {margin: auto; max-width: 1200px}
HTML:
<section>
<div class="featured">Column 1</div>
<div class="featured">Column 2</div>
<div class="featured">Column 3</div>
</section>
- *Note that this class style can be recycled
- CSS: