OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE HTML> |
| 2 <html> |
| 3 <head> |
| 4 <link href="resources/text-justify.css" rel="stylesheet" type="text/css"> |
| 5 </head> |
| 6 <body> |
| 7 <div> |
| 8 Test all of the values of text-justify for 8bits characters<br/> |
| 9 This test checks that all of the values for text-justify property works properly
for 8bits characters.<br/> |
| 10 Every block has been setted as 'text-align: justify' and 'text-align-last: start
'. |
| 11 </div> |
| 12 <br/> |
| 13 |
| 14 <b>text-justify: auto</b><br/> |
| 15 <div class='testDiv alignJustify alignLastStart justifyAuto'> |
| 16 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque vo
lutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, vive
rra non, semper suscipit, posuere a, pede. |
| 17 </div><br/> |
| 18 |
| 19 <b>text-justify: none</b><br/> |
| 20 <div class='testDiv alignJustify alignLastStart justifyNone'> |
| 21 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque vo
lutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, vive
rra non, semper suscipit, posuere a, pede. |
| 22 </div><br/> |
| 23 |
| 24 <b>text-justify: inter-word</b><br/> |
| 25 <div class='testDiv alignJustify alignLastStart justifyInterWord'> |
| 26 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque vo
lutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, vive
rra non, semper suscipit, posuere a, pede. |
| 27 </div><br/> |
| 28 |
| 29 <b>text-justify: distribute</b><br/> |
| 30 <div class='testDiv alignJustify alignLastStart justifyDistribute'> |
| 31 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque vo
lutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, vive
rra non, semper suscipit, posuere a, pede. |
| 32 </div><br/> |
| 33 |
| 34 </body> |
| 35 </html> |
OLD | NEW |