floats-and-text-narrow-and-short-dynamic-ref.html (364B)
1 <!DOCTYPE html> 2 <style> 3 .float { 4 float: left; 5 width: 2em; 6 height: 2em; 7 } 8 .yellow { 9 background: yellow; 10 } 11 .blue { 12 background: blue; 13 } 14 </style> 15 <p>Below there should be two yellow and two blue squares.</p> 16 <div class="float yellow"></div> 17 <div class="float blue"></div> 18 <div class="float yellow"></div> 19 <div class="float blue"></div>