| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>CSS Containment Test: Layout containment supress baseline in table cells</title> |
| <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> |
| <link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-layout"> |
| <link rel="match" href="reference/contain-layout-baseline-004-ref.html"> |
| <meta name=assert content="Table cells with layout containment are treated as having no baseline, for that reason their baseline is synthesized from the cell's border box when they're baseline aligned."> |
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> |
| <style> |
| #table { |
| display: table; |
| font: 100px/1 Ahem; |
| } |
| |
| #table > * { |
| display: table-cell; |
| } |
| |
| #first { |
| color: blue; |
| } |
| |
| #second { |
| color: green; |
| contain: layout; |
| } |
| </style> |
| <p>Test passes if there is not a rectangle as the two boxes ("blue" and "green") are not baseline aligned.</p> |
| <div id="table"> |
| <div id="first">X</div> |
| <div id="second">X</div> |
| </div> |