list-style-position-025

list-style-position in rtl context

WeasyPrint

This browser

Assertion
list-style-position:inside in rtl context should let text flow below the bullet on the right side

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: list-style-position in rtl context</title>
 5     <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com">
 6     <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
 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/visuren.html#direction">
 9     <meta name="flags" content="">
10     <meta name="assert" content="list-style-position:inside in rtl context should let text flow below the bullet on the right side">
11     <style type="text/css">
12       body {direction:rtl;}
13       ul {
14       text-align: right;
15       list-style-position: inside;
16       }
17     </style>
18   </head>
19   
20   <body>
21     <ul>
22       <li>The x on the next line should have a bullet directly above it<br>x</li>
23     </ul>
24     
25   </body>
26 </html>