Skip to content

Commit 473ec25

Browse files
sammygillsammygill
authored
1 parent 3782083 commit 473ec25

2 files changed

Lines changed: 26 additions & 0 deletions

File tree

‎css/css-grid/alignment/grid-align-baseline-explicit-placement-ref.html‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<p>Test passes if there are two green squares forming a stair-step: the left square
4+
is lower than the right square.</p>
5+
6+
<div style="position: relative; width: 100px; height: 100px;">
7+
<div style="position: absolute; top: 20px; left: 0; width: 50px; height: 50px; background: green;"></div>
8+
<div style="position: absolute; top: 0; left: 50px; width: 50px; height: 50px; background: green;"></div>
9+
</div>

‎css/css-grid/alignment/grid-align-baseline-explicit-placement.html‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<link rel="help" href="https://drafts.csswg.org/css-align/#baseline-values">
4+
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#alignment">
5+
<link rel="match" href="grid-align-baseline-explicit-placement-ref.html">
6+
<meta name="assert" content="A baseline-aligned grid item is shifted to align its baseline even when it has explicit grid placement and a fixed size.">
7+
<p>Test passes if there are two green squares forming a stair-step: the left square
8+
is lower than the right square.</p>
9+
10+
<div style="display: grid; grid-template-columns: 50px 50px; grid-template-rows: 100px; align-items: baseline; line-height: 0; width: 100px;">
11+
<div style="grid-row: 1 / 2; grid-column: 1 / 2; height: 50px; background: green;">
12+
<span style="display: inline-block; height: 40px;"></span>
13+
</div>
14+
<div style="grid-row: 1 / 2; grid-column: 2 / 3; height: 50px; background: green;">
15+
<span style="display: inline-block; height: 60px;"></span>
16+
</div>
17+
</div>

0 commit comments

Comments
 (0)