<!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>