| <!DOCTYPE html> |
| <title>CSS Containment Test: Layout containment suppresses baseline</title> |
| <link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-layout"> |
| <link rel="match" href="contain-layout-baseline-006-ref.html"> |
| <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."> |
| <style> |
| .container { |
| font-size: 20px; |
| } |
| |
| .inline-block { |
| display: inline-block; |
| } |
| |
| .contain-layout { |
| display: block; |
| contain: layout; |
| color: transparent; |
| } |
| </style> |
| <div class=container> |
| PASS if |
| <div class=inline-block> |
| this is all on |
| <div class=contain-layout>but not this</div> |
| </div> |
| the same line. |
| </div> |
