bidi-list-002

direction:rtl - nested unordered list

WeasyPrint

This browser

Assertion
direction:rtl should apply to nested unordered lists, putting bullets on the right and offset leftwards

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 - nested 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/visuren.html#direction">
 7     <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style">
 8     <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop">
 9     <meta name="flags" content="">
10     <meta name="assert" content="direction:rtl should apply to nested unordered lists, putting bullets on the right and offset leftwards">
11     <style type="text/css">
12       ul {direction: rtl;}
13       ul,li {padding-left:2em;padding-right:2em;}
14     </style>
15   </head>
16 
17   <body>
18     <ul>
19       <li>This list has three items</li>
20       <li>And should be right-aligned</li>
21       <li>With bullets to the right
22 	<ul>
23 	  <li>This list should be indented from the right</li>
24 	  <li>And should be right-aligned</li>
25 	  <li>With bullets to the right</li>
26 	</ul>
27       </li>
28     </ul>
29   </body>
30 </html>