contain-size-027-ref.html (815B)
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: 50px; 16 line-height: 1; 17 padding: 50px; 18 box-sizing: border-box; 19 } 20 21 div#orange-reference { 22 background-color: orange; 23 } 24 25 span { 26 display: block; 27 } 28 </style> 29 30 <p>This test passes if the painted blue area is <strong>exactly as wide as</strong> the orange square. 31 32 <div> 33 <div id="blue-test" class="inline-block"> 34 <span>B</span> 35 <span>L</span> 36 </div> 37 </div> 38 39 <div> 40 <div id="orange-reference" class="inline-block"></div> 41 </div>