<!DOCTYPE html> | |
<style> | |
.float { | |
float: left; | |
width: 2em; | |
height: 2em; | |
} | |
.yellow { | |
background: yellow; | |
} | |
.blue { | |
background: blue; | |
} | |
</style> | |
<p>Below there should be two yellow and two blue squares.</p> | |
<div class="float yellow"></div> | |
<div class="float blue"></div> | |
<div class="float yellow"></div> | |
<div class="float blue"></div> |