28 lines
737 B
HTML
28 lines
737 B
HTML
<!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>
|