text-align-last-002

text-align-last - end (basic)

WeasyPrint

This browser

Assertion
The 'text-align-last' property set to 'right' on a block element aligns the last line text to the end edge.

Source

 1 <!DOCTYPE html>
 2 <html><head><meta charset="utf-8">
 3 <title>CSS Text Test: text-align-last - end (basic)</title>
 4 <link href="http://www.intel.com" rel="author" title="Intel">
 5 <link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan">
 6 <link href="http://www.w3.org/TR/css-text-3/#text-align-last" rel="help" title="7.2. Last Line Alignment: the 'text-align-last' property">
 7 <meta content="" name="flags">
 8 <meta content="The 'text-align-last' property set to 'right' on a block element aligns the last line text to the end edge." name="assert">
 9 <style>
10   div {
11     border: 1px solid blue;
12     text-align: left;
13     text-align-last: end;
14     width: 200px;
15   }
16 </style>
17 </head><body>
18   <p>Test passes if the last line of "FillerText" below is aligned to the right, inside the blue box.</p>
19   <div>FillerText FillerText FillerText FillerText FillerText</div>
20 
21 </body></html>