| 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 |