contain-size-021-ref.html (759B)
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 padding: 50px; 15 box-sizing: border-box; 16 } 17 18 div#orange-reference { 19 background-color: orange; 20 } 21 </style> 22 23 <p>This test passes if the painted blue area is <strong>exactly as wide as</strong> the orange square. 24 25 <div> 26 <div id="blue-test" class="inline-block"><img src="../support/blue50wBy46h.png" alt="Image download support must be enabled"></div> 27 </div> 28 29 <div> 30 <div id="orange-reference" class="inline-block"></div> 31 </div>