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 and text-align: left</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#propdef-direction">
8 <meta name="flags" content="">
9 <meta name="assert" content="Text-align should override default text-align in rtl context">
10 <style type="text/css">
11 body {
12 direction: rtl;
13 }
14 div {
15 width:20em;
16 text-align: left;
17 border: 1px solid black;
18 }
19 </style>
20
21 </head>
22 <body>
23
24 <p>The text should be left-aligned inside the box below. The box itself should be right-aligned on the page</p>
25
26 <div>
27 Text
28 </div>
29
30 </body>
31 </html>