Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(260)

Side by Side Diff: third_party/WebKit/LayoutTests/imported/csswg-test/css-snap-size-1/snap-height-center-001.html

Issue 2104493003: Import csswg-test@0589ea025a684e31742740ca3b599230bcc25e5d (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Update TestExpectations, delete background Created 4 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <title>CSS Snap Size: snap-height center</title> 2 <title>CSS Snap Size: snap-height center</title>
3 <link rel="author" title="Koji Ishii" href="kojiishi@gmail.com"> 3 <link rel="author" title="Koji Ishii" href="kojiishi@gmail.com">
4 <link rel="help" href="https://drafts.csswg.org/css-snap-size/#snap-height"> 4 <link rel="help" href="https://drafts.csswg.org/css-snap-size/#snap-height">
5 <link rel="match" href="reference/snap-height-center-001.html"> 5 <link rel="match" href="reference/snap-height-center-001.html">
6 <meta name="assert" content="This test asserts the snap-height property rounds u p line box height."> 6 <meta name="assert" content="This test asserts the snap-height property rounds u p line box height.">
7 <meta name="flags" content="ahem"> 7 <meta name="flags" content="ahem">
8 <style> 8 <style>
9 div { 9 div {
10 font-family: Ahem; 10 font-family: Ahem;
11 font-size: 40px; 11 font-size: 40px;
12 } 12 }
13 .test, .ref { 13 .test, .ref {
14 display: inline-block; 14 display: inline-block;
15 vertical-align: top; 15 vertical-align: top;
16 width: 5em; 16 width: 5em;
17 } 17 }
18 .test { 18 .test {
19 line-height: 40px; 19 line-height: 40px;
20 snap-height: 60px; 20 snap-height: 60px;
21 } 21 }
22 .ref { 22 .ref {
23 line-height: 60px; 23 line-height: 60px;
24 } 24 }
25 </style> 25 </style>
26 <p class="instructions" style="display:none">Test passes if left and right are t he same. 26 <p class="instructions">Test passes if left and right are the same.
27 <div class="ref"> 27 <div class="ref">
28 <div>XXXXX</div> 28 <div>XXXXX</div>
29 <div>XXXXX XXXXX XXXXX</div> 29 <div>XXXXX XXXXX XXXXX</div>
30 <div><br>X<br>X</div> 30 <div><br>X<br>X</div>
31 </div> 31 </div>
32 <div class="test"> 32 <div class="test">
33 <div>XXXXX</div> 33 <div>XXXXX</div>
34 <div>XXXXX XXXXX XXXXX</div> 34 <div>XXXXX XXXXX XXXXX</div>
35 <div><br>X<br>X</div> 35 <div><br>X<br>X</div>
36 </div> 36 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698