OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 .testDiv { | 5 .testDiv { |
6 width: 208px; | 6 width: 208px; |
7 border: 1px solid #000000; | 7 border: 1px solid #000000; |
8 font-family: Ahem, monospace; | 8 font-family: Ahem, monospace; |
9 font-size: 1em; | 9 font-size: 1em; |
10 } | 10 } |
11 </style> | 11 </style> |
12 </head> | 12 </head> |
13 <body> | 13 <body> |
14 <div> | 14 <div> |
15 When text-align is justify, the last line would be affected by the value of text
-align-last.<br/> | |
16 This test checks that text-align-last property works properly.<br/> | 15 This test checks that text-align-last property works properly.<br/> |
17 </div> | 16 </div> |
| 17 <div class='testDiv' style='text-align:end'>start end</div> |
18 | 18 |
19 <div class='testDiv' style='text-align:start'>start last</div> | 19 <div class='testDiv' style='text-align:start'>end start</div> |
20 | 20 |
21 <div class='testDiv' style='text-align:end'>end last</div> | 21 <div class='testDiv' style='text-align:right'>left right</div> |
22 | 22 |
23 <div class='testDiv' style='text-align:left'>left last</div> | 23 <div class='testDiv' style='text-align:left'>right left</div> |
24 | 24 |
25 <div class='testDiv' style='text-align:right'>right last</div> | 25 <div class='testDiv' style='text-align:left'>center left</div> |
26 | 26 |
27 <div class='testDiv' style='text-align:center'>center last</div> | 27 <div class='testDiv' style='text-align:start'>start auto</div> |
28 | 28 |
29 <div class='testDiv' style='text-align:justify'>justify last</div> | 29 <div class='testDiv' style='text-align:end'>end auto</div> |
30 | 30 |
31 <div class='testDiv' style='text-align:start'>start end</div> | 31 <div class='testDiv' style='text-align:left'>left auto</div> |
32 | 32 |
33 <div class='testDiv' style='text-align:end'>end start</div> | 33 <div class='testDiv' style='text-align:right'>right auto</div> |
34 | 34 |
35 <div class='testDiv' style='text-align:left'>left right</div> | 35 <div class='testDiv' style='text-align:center'>center auto</div> |
36 | 36 |
37 <div class='testDiv' style='text-align:right'>right left</div> | 37 <div class='testDiv' style='text-align:start'>justify auto</div> |
38 | 38 |
39 <div class='testDiv' style='text-align:center'>center left</div> | 39 <div class='testDiv' style='text-align:start'>auto justify</div> |
40 </body> | 40 </body> |
41 </html> | 41 </html> |
42 | 42 |
OLD | NEW |