<!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: justify - joined text</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="Joined text should be justified by text-align: justify"/>
<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>
بائعة فاكهة وخضر فى حى ألتو فى لاباز. وقد أخذت ثمانية قروض من بانكوسول على مدى أربع سنوات والقرض الأخير كان ٥٠ ضعف القرض الأول.
</div>
</body>
</html>
Codebase Browser
chromium