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: center 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: center should apply to unordered lists in rtl context without affecting their rtlness">
11 <style type="text/css">
12 html {direction:rtl;}
13 div {width: 14em; border: 1px solid black;}
14 li {text-align: center;}
15 ul,li {padding-left:2em;padding-right:2em;}
16 </style>
17 </head>
18
19 <body>
20
21 <p>The list should have a bullet to the right of each item, and the text in each item should be centered</p>
22
23 <ul>
24 <li>This is the first of three items that are centered</li>
25 <li>And this is the second of the three items that are centered</li>
26 <li>And this is the third and last of the three items</li>
27 </ul>
28 </body>
29 </html>