OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE HTML> |
| 2 <html> |
| 3 <head> |
| 4 <style> |
| 5 .testDiv { |
| 6 width: 208px; |
| 7 border: 1px solid #000000; |
| 8 font-family: Ahem, monospace; |
| 9 font-size: 1em; |
| 10 } |
| 11 </style> |
| 12 </head> |
| 13 <body> |
| 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/> |
| 17 </div> |
| 18 |
| 19 <div class='testDiv' style='text-align:justify; text-align-last:start'>start las
t</div> |
| 20 |
| 21 <div class='testDiv' style='text-align:justify; text-align-last:end'>end last</d
iv> |
| 22 |
| 23 <div class='testDiv' style='text-align:justify; text-align-last:left'>left last<
/div> |
| 24 |
| 25 <div class='testDiv' style='text-align:justify; text-align-last:right'>right las
t</div> |
| 26 |
| 27 <div class='testDiv' style='text-align:justify; text-align-last:center'>center l
ast</div> |
| 28 |
| 29 <div class='testDiv' style='text-align:justify; text-align-last:justify'>justify
last</div> |
| 30 |
| 31 <div class='testDiv' style='text-align:start; text-align-last:end'>start end</di
v> |
| 32 |
| 33 <div class='testDiv' style='text-align:end; text-align-last:start'>end start</di
v> |
| 34 |
| 35 <div class='testDiv' style='text-align:left; text-align-last:right'>left right</
div> |
| 36 |
| 37 <div class='testDiv' style='text-align:right; text-align-last:left'>right left</
div> |
| 38 |
| 39 <div class='testDiv' style='text-align:center; text-align-last:left'>center left
</div> |
| 40 </body> |
| 41 </html> |
| 42 |
OLD | NEW |