Skip to content

Commit 46bb74d

Browse files
kojiishichromium-wpt-export-bot
kojiishi
authored and
chromium-wpt-export-bot
committed
[block-in-inline] Add one more test for text-align
This patch adds a test to ensure the `text-align` property applies to block-in-inline as if it is a regular block, not like an inline-block. Bug: 716930 Change-Id: Ibab7fa4fbc0cc8bd7dbb8602c3822d6a2707d3ff Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3199854 Commit-Queue: Koji Ishii <[email protected]> Commit-Queue: Ian Kilpatrick <[email protected]> Auto-Submit: Koji Ishii <[email protected]> Reviewed-by: Ian Kilpatrick <[email protected]> Cr-Commit-Position: refs/heads/main@{#927354}
1 parent 7cf79f5 commit 46bb74d

File tree

2 files changed

+71
-0
lines changed

2 files changed

+71
-0
lines changed

‎css/CSS2/normal-flow/block-in-inline-align-001-ref.html

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
<!DOCTYPE html>
2+
<style>
3+
section {
4+
width: 20ch;
5+
}
6+
.w10 {
7+
width: 10ch;
8+
background: orange;
9+
}
10+
.left {
11+
text-align: left;
12+
}
13+
.right {
14+
text-align: right;
15+
}
16+
</style>
17+
<body>
18+
<section class="right">
19+
<span>
20+
<div>123456789</div>
21+
<div class="w10">123456789</div>
22+
<div>123456789</div>
23+
</span>
24+
</section>
25+
26+
<section dir="rtl" class="left">
27+
<span>
28+
<div>123456789</div>
29+
<div class="w10">123456789</div>
30+
<div>123456789</div>
31+
</span>
32+
</section>
33+
</body>

‎css/CSS2/normal-flow/block-in-inline-align-001.html

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<!DOCTYPE html>
2+
<meta name="assert" content="Test if `text-align` does not move block-in-inline">
3+
<link rel="match" href="block-in-inline-align-001-ref.html"/>
4+
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
5+
<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-align-property'>
6+
<link rel="author" title="Koji Ishii" href="mailto:[email protected]" />
7+
<style>
8+
section {
9+
width: 20ch;
10+
}
11+
div {
12+
width: 10ch;
13+
background: orange;
14+
}
15+
.left {
16+
text-align: left;
17+
}
18+
.right {
19+
text-align: right;
20+
}
21+
</style>
22+
<body>
23+
<section class="right">
24+
<span>
25+
123456789
26+
<div>123456789</div>
27+
123456789
28+
</span>
29+
</section>
30+
31+
<section dir="rtl" class="left">
32+
<span>
33+
123456789
34+
<div>123456789</div>
35+
123456789
36+
</span>
37+
</section>
38+
</body>

0 commit comments

Comments
 (0)