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

Side by Side Diff: third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/inline-block-alignment-005.xht

Issue 1394423002: update-w3c-deps import using blink d9b074fe31794b3500d8e7ccf4d9ab7b15a7e86d: (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 2 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 PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd"> 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head> 3 <head>
4 <title>CSS Writing Modes Test: inline-block alignment - central alignment wi th vertical layout</title> 4 <title>CSS Writing Modes Test: inline-block alignment - central alignment wi th vertical layout</title>
5 <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmai l.com" /> 5 <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmai l.com" />
6 <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/Brow serBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> 6 <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/Brow serBugsSection/css21testsuite/" /> <!-- 2015-09-26 -->
7 <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" hre f="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> 7 <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" hre f="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" />
8 <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> 8 <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" />
9 <link rel="match" href="inline-block-alignment-003-ref.xht" /> 9 <link rel="match" href="inline-block-alignment-003-ref.xht" />
10 <meta name="assert" content="This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is ' upright', then the central baseline is used as the dominant baseline." /> 10 <meta name="assert" content="This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is ' upright', then the central baseline is used as the dominant baseline." />
11 <meta name="flags" content="ahem" /> 11 <meta name="flags" content="ahem" />
12 <style type="text/css"><![CDATA[ 12 <style type="text/css"><![CDATA[
13 div#lr-upright 13 div#lr-upright
14 { 14 {
15 color: orange; 15 color: orange;
16 font: 60px/1 Ahem; /* computes to 60px/60px */ 16 font: 60px/1 Ahem; /* computes to 60px/60px */
17 -webkit-writing-mode: vertical-lr; 17 -webkit-writing-mode: vertical-lr;
18 -webkit-text-orientation: upright; 18 text-orientation: upright;
19 } 19 }
20 20
21 div#inline-block 21 div#inline-block
22 { 22 {
23 display: inline-block; 23 display: inline-block;
24 padding-left: 0.5em; /* computes to 60px */ 24 padding-left: 0.5em; /* computes to 60px */
25 font-size: 2em; /* computes to 120px */ 25 font-size: 2em; /* computes to 120px */
26 /* 26 /*
27 such padding-left declaration is arbitrary and only serve to make the 27 such padding-left declaration is arbitrary and only serve to make the
28 test a bit more challenging. 28 test a bit more challenging.
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
61 61
62 <p>Test passes if 2 orange squares are centered with respect to a blue square. </p> 62 <p>Test passes if 2 orange squares are centered with respect to a blue square. </p>
63 63
64 <div id="lr-upright">A<div id="inline-block"> 64 <div id="lr-upright">A<div id="inline-block">
65 <span class="block-descendant" id="first-line-box">F</span> 65 <span class="block-descendant" id="first-line-box">F</span>
66 <span class="block-descendant" id="last-line-box">L</span> 66 <span class="block-descendant" id="last-line-box">L</span>
67 </div><span id="orange30">O</span></div> 67 </div><span id="orange30">O</span></div>
68 68
69 </body> 69 </body>
70 </html> 70 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698