list-bidi-000.xht (1304B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 2 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title>CSS Test: outside list-item marker position in BIDI</title> 6 <link rel="author" 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 <meta name="assert" content="The list-item marker is on the right side for an 9 RTL item and on the left side for an LTR one."/> 10 <style type="text/css"> 11 ul { 12 margin: 0; 13 padding: 0; 14 } 15 .li { 16 display: list-item; 17 } 18 li, .li { 19 list-style: outside circle; 20 border: solid thin blue; 21 margin: 0.5em 4em; 22 padding: 0; 23 } 24 </style> 25 </head> 26 <body> 27 <ul dir="rtl"> 28 <li dir="ltr">There must be a circle to the left of this box.</li> 29 </ul> 30 <ul dir="ltr"> 31 <li dir="rtl"><span dir="ltr">There must be a circle to the right of this box.</span></li> 32 </ul> 33 <div dir="rtl"> 34 <div class="li" dir="ltr">There must be a circle to the left of this box.</div> 35 </div> 36 <div dir="ltr"> 37 <div class="li" dir="rtl"><span dir="ltr">There must be a circle to the right of this box.</span></div> 38 </div> 39 </body> 40 </html>