contain-layout-baseline-006.html (737B)
1 <!DOCTYPE html> 2 <title>CSS Containment Test: Layout containment suppresses baseline</title> 3 <link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-layout"> 4 <link rel="match" href="contain-layout-baseline-006-ref.html"> 5 <meta name=assert content="This test checks that baseline is suppressed for block-level boxes with 'contain: layout', so they are treated as having no baseline."> 6 <style> 7 .container { 8 font-size: 20px; 9 } 10 11 .inline-block { 12 display: inline-block; 13 } 14 15 .contain-layout { 16 display: block; 17 contain: layout; 18 color: transparent; 19 } 20 </style> 21 <div class=container> 22 PASS if 23 <div class=inline-block> 24 this is all on 25 <div class=contain-layout>but not this</div> 26 </div> 27 the same line. 28 </div>