<!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: Text-align and direction - nested rtl, right and ltr</title>
<link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:[email protected]"/>
<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"/>
<meta name="assert" content="Text-align property should override the default text-align change caused by a switch of direction"/>
<style type="text/css"><![CDATA[
body {direction: rtl;}
div {text-align: right;}
p {direction: ltr;}
]]></style>
</head>
<body>
<div>
<p>
This text should be right-aligned on the page
</p>
</div>
</body>
</html>
Codebase Browser
chromium