bidi-list-004

text-align: justify and direction:rtl - unordered list

WeasyPrint

This browser

Assertion
text-align: justify should apply to unordered lists in rtl context without affecting their rtlness

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 and direction:rtl - unordered list</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#direction">
 8     <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style">
 9     <meta name="flags" content="">
10     <meta name="assert" content="text-align: justify should apply to unordered lists in rtl context without affecting their rtlness">
11     <style type="text/css">
12       html {direction:rtl;}
13       div {width: 14em; border: 1px solid black;}
14       li {text-align: justify;}
15       ul,li {padding-left:2em;padding-right:2em;}
16     </style>
17   </head>
18       
19   <body>
20     
21     <p>The list should have a bullet to the right of each item, and the text in each item should be justified: the text should line up with the box edges
22    on both the left and right sides.</p>
23 
24     <div>
25       <ul>
26 	<li>This is the first of three items that are justified</li>
27 	<li>And this is the second of the three items that are justified</li>
28 	<li>And this is the third and last of the three items</li>
29       </ul>
30     </div>
31   </body>
32 </html>