Sammy Gill
18c01b7d82
Automatic update from web-platform-tests Update align-items-baseline tests to use checkLayout (#52861) -- wpt-commits: 3692a076d5dee0a4a43c193546c9448eabdfbf4a wpt-pr: 52861
43 lines
1.0 KiB
HTML
43 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<link rel="help" href="https://drafts.csswg.org/css-align-3/#baseline-export">
|
|
<link rel="stylesheet" href="/fonts/ahem.css" />
|
|
<style>
|
|
#target {
|
|
writing-mode: vertical-rl;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: baseline;
|
|
inline-size: 200px;
|
|
border: solid 3px;
|
|
}
|
|
#target > div {
|
|
margin: 5px 7px 9px 11px;
|
|
}
|
|
#target > :nth-child(1) {
|
|
background: lime;
|
|
font: 30px/1 Ahem;
|
|
writing-mode: horizontal-tb;
|
|
}
|
|
#target > :nth-child(2) {
|
|
background: hotpink;
|
|
font: 20px/1 Ahem;
|
|
writing-mode: horizontal-tb;
|
|
}
|
|
#target > :nth-child(3) {
|
|
background: cyan;
|
|
font: 16px/1 Ahem;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
</style>
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/resources/check-layout-th.js"></script>
|
|
<body onload="checkLayout('#target > div')">
|
|
<div id="target">
|
|
<div data-offset-y="16">line1<br>line2</div>
|
|
<div data-offset-y="24">line1<br>line2</div>
|
|
<div data-offset-y="20"></div>
|
|
</div>
|
|
</body>
|