contain-paint-size-003-ref.html (828B)
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 height: 0px; 29 overflow: hidden; 30 width: 12em; 31 } 32 </style> 33 34 <p>Test passes if the orange rectangle and blue rectangle do not overlap. 35 36 <div id="blue-rectangle">Some text in a blue rectangle.</div> 37 38 <div id="orange-rectangle">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</div>