text-align-bidi-010

text-align: justify - joined text

WeasyPrint

This browser

Assertion
Joined text should be justified by text-align: justify

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: justify - joined text</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="Joined text should be justified by text-align: justify">
10     <style type="text/css">
11       body {
12       direction: rtl;
13       }
14       div {
15       width:10em;
16       text-align: justify;
17       border: 1px solid black
18       }
19     </style>
20     
21   </head>
22   <body>
23     <p>
24       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.
25     </p>
26     <div>
27       بائعة فاكهة وخضر فى حى ألتو فى لاباز. وقد أخذت ثمانية قروض من بانكوسول على مدى أربع سنوات والقرض الأخير كان ٥٠ ضعف القرض الأول.
28     </div>
29     
30     
31   </body>
32 </html>