text-align-004

Text-align set to 'justify'

WeasyPrint

This browser

Assertion
Text-align justify on a block element aligns the text on both the left and right sides.

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3     <head>
 4         <title>CSS Test: Text-align set to 'justify'</title>
 5         <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
 6         <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align">
 7         <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop">
 8         <meta name="flags" content="">
 9         <meta name="assert" content="Text-align justify on a block element aligns the text on both the left and right sides.">
10         <style type="text/css">
11             div
12             {
13                 border: 1px solid blue;
14                 text-align: justify;
15                 width: 150px;
16             }
17         </style>
18     </head>
19     <body>
20         <p>Test passes if the words "Filler Text" are justified and spaced out on the first two lines of text inside the blue box. The final line of text does not have to be justified but can be based on user agent implementation.</p>
21         <div>Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</div>
22     </body>
23 </html>