column-rule-002-ref.html (612B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <style> 4 .square { 5 position: absolute; 6 width: 30px; 7 height: 30px; 8 background: black; 9 } 10 .left { 11 margin-left: 40px; 12 } 13 .right { 14 margin-left: 110px; 15 } 16 .bottom { 17 margin-top: 70px; 18 } 19 </style> 20 <p>There should be four squares below, on a yellow background.</p> 21 <div class="square top left"></div> 22 <div class="square top right"></div> 23 <div class="square bottom left"></div> 24 <div class="square bottom right"></div> 25 <div style="width:180px; height:100px; background:yellow;"></div>