| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <title>CSS Test: direction:rtl and text-align: left</title> |
| <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> |
| <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/> |
| <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/> |
| <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> |
| <meta name="flags" content=""/> |
| <meta name="assert" content="Text-align should override default text-align in rtl context"/> |
| <style type="text/css"><![CDATA[ |
| body { |
| direction: rtl; |
| } |
| div { |
| width:20em; |
| text-align: left; |
| border: 1px solid black; |
| } |
| ]]></style> |
| |
| </head> |
| <body> |
| |
| <p>The text should be left-aligned inside the box below. The box itself should be right-aligned on the page</p> |
| |
| <div> |
| Text |
| </div> |
| |
| </body> |
| </html> |
