bidi-list-005

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

WeasyPrint

This browser

Assertion
text-align:left should be applied to unordered list in rtl context without affecting its 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: left 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:left should be applied to unordered list in rtl context without affecting its rtlness">
11     <style type="text/css">
12       html {direction: rtl;}
13       li {text-align: left;}
14       ul,li {padding-left:2em;padding-right:2em;}
15     </style>
16   </head>
17   
18   <body>
19     
20     <p>The list should be left-aligned and have a bullet to the right of each item</p>
21     
22     <ul>
23       <li>First</li>
24       <li>Second</li>
25       <li>Third</li>
26     </ul>
27     
28   </body>
29 </html>