bidi-list-004.xht (1408B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 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="assert" content="text-align: justify should apply to unordered lists in rtl context without affecting their rtlness"/> 10 <style type="text/css"><![CDATA[ 11 html {direction:rtl;} 12 div {width: 14em; border: 1px solid black;} 13 li {text-align: justify;} 14 ul,li {padding-left:2em;padding-right:2em;} 15 ]]></style> 16 </head> 17 18 <body> 19 20 <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 21 on both the left and right sides.</p> 22 23 <div> 24 <ul> 25 <li>This is the first of three items that are justified</li> 26 <li>And this is the second of the three items that are justified</li> 27 <li>And this is the third and last of the three items</li> 28 </ul> 29 </div> 30 </body> 31 </html>