OLD | NEW |
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 | 2 |
3 <html xmlns="http://www.w3.org/1999/xhtml"> | 3 <html xmlns="http://www.w3.org/1999/xhtml"> |
4 | 4 |
5 <head> | 5 <head> |
6 | 6 |
7 <title>CSS Writing Modes Test: contiguous right-floating boxes with 'writing-m
ode' set to 'vertical-rl'</title> | 7 <title>CSS Writing Modes Test: contiguous right-floating boxes with 'writing-m
ode' set to 'vertical-rl'</title> |
8 | 8 |
9 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserB
ugsSection/css21testsuite/" /> | 9 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserB
ugsSection/css21testsuite/" /> |
10 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layo
ut" title="7.1 Principles of Layout in Vertical Writing Modes" /> | 10 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layo
ut" title="7.1 Principles of Layout in Vertical Writing Modes" /> |
(...skipping 10 matching lines...) Expand all Loading... |
21 | 21 |
22 strong | 22 strong |
23 { | 23 { |
24 line-height: 1; | 24 line-height: 1; |
25 } | 25 } |
26 | 26 |
27 div.floated-right | 27 div.floated-right |
28 { | 28 { |
29 color: green; | 29 color: green; |
30 float: right; | 30 float: right; |
31 font: 1.25em/1 Ahem; /* computes to 20px/20px */ | 31 font: 20px/1 Ahem; /* computes to 20px/20px */ |
32 -webkit-writing-mode: vertical-rl; | 32 -webkit-writing-mode: vertical-rl; |
33 } | 33 } |
34 | 34 |
35 div#reference-overlapped-red | 35 div#reference-overlapped-red |
36 { | 36 { |
37 background-color: red; | 37 background-color: red; |
38 height: 100px; | 38 height: 100px; |
39 position: absolute; | 39 position: absolute; |
40 right: 8px; | 40 right: 8px; |
41 top: 52px; | 41 top: 52px; |
(...skipping 14 matching lines...) Expand all Loading... |
56 <div class="floated-right">lmnor</div> | 56 <div class="floated-right">lmnor</div> |
57 | 57 |
58 <div class="floated-right">rstuv</div> | 58 <div class="floated-right">rstuv</div> |
59 | 59 |
60 <div class="floated-right">wxyzz</div> | 60 <div class="floated-right">wxyzz</div> |
61 | 61 |
62 <div id="reference-overlapped-red"></div> | 62 <div id="reference-overlapped-red"></div> |
63 | 63 |
64 </body> | 64 </body> |
65 </html> | 65 </html> |
OLD | NEW |