contain-layout-ifc-022-ref.html (786B)
1 <!DOCTYPE html> 2 3 <meta charset="UTF-8"> 4 5 <title>CSS Reference Test</title> 6 7 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> 8 9 <style> 10 div 11 { 12 color: transparent; 13 float: left; 14 font-size: 16px; 15 padding: 8px; 16 } 17 18 div#blue-rectangle 19 { 20 background-color: blue; 21 margin: 8px; 22 width: 6em; 23 } 24 25 div#orange-rectangle 26 { 27 background-color: orange; 28 width: 12em; 29 } 30 </style> 31 32 <p>Test passes if the orange rectangle and blue rectangle do not overlap. 33 34 <div id="blue-rectangle">Some text in a blue rectangle.</div> 35 36 <div id="orange-rectangle">Some text in an orange rectangle. Some text in an orange rectangle. Some text in an orange rectangle.</div>