contain-size-023-ref.html (722B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Containment Test: Reference file</title> 4 <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> 5 <style> 6 div.inline-block { 7 display: inline-block; 8 height: 100px; 9 width: 100px; 10 } 11 12 div#blue-test { 13 background-color: blue; 14 color: transparent; 15 font-size: 100px; 16 padding: 50px; 17 box-sizing: border-box; 18 } 19 20 div#orange-reference { 21 background-color: orange; 22 } 23 </style> 24 25 <p>This test passes if the painted blue area is <strong>exactly as wide as</strong> the orange square. 26 27 <div> 28 <div id="blue-test" class="inline-block">B</div> 29 </div> 30 31 <div> 32 <div id="orange-reference" class="inline-block"></div> 33 </div>