<!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: justify</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"/>
<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/>
<meta name="assert" content="Text-align should override default text-align in rtl context"/>
<style type="text/css"><![CDATA[
body {direction: rtl;}
div {
width:10em;
text-align: justify;
border: 1px solid black
}
]]></style>
</head>
<body>
<p>
The text in the box below should be justified: the text should line up with the box edges on both the left and right sides.
</p>
<div>
The text in this box should be justified. The text in this box should be justified. The text in this box should be justified. The text in this box should be justified
</div>
</body>
</html>
Codebase Browser
chromium