text-align-bidi-008

direction:rtl and text-align: justify

WeasyPrint

This browser

Assertion
Text-align should override default text-align in rtl context

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: direction:rtl and text-align: justify</title>
 5     <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com">
 6     <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop">
 7     <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction">
 8     <meta name="flags" content="">
 9     <meta name="assert" content="Text-align should override default text-align in rtl context">
10     <style type="text/css">
11       body {direction: rtl;}
12       div {
13       width:10em;
14       text-align: justify;
15       border: 1px solid black
16       }
17     </style>
18     
19   </head>
20   <body>
21     
22     <p>
23       The text in the box below should be justified: the text should line up with the box edges on both the left and right sides.
24     </p>
25     <div>
26       The text in this box should be justified. The text in this box should be justified. The text in this box should be justified. The text in this box should be justified
27     </div>
28     
29   </body>
30 </html>