Source code
Revision control
Copy as Markdown
Other Tools
<head>
<title>CSS Test: text-align: justify and direction:rtl - unordered list</title>
<link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
<meta name="assert" content="text-align: justify should apply to unordered lists in rtl context without affecting their rtlness"/>
<style type="text/css"><![CDATA[
html {direction:rtl;}
div {width: 14em; border: 1px solid black;}
li {text-align: justify;}
ul,li {padding-left:2em;padding-right:2em;}
]]></style>
</head>
<body>
<p>The list should have a bullet to the right of each item, and the text in each item should be justified: the text should line up with the box edges
on both the left and right sides.</p>
<div>
<ul>
<li>This is the first of three items that are justified</li>
<li>And this is the second of the three items that are justified</li>
<li>And this is the third and last of the three items</li>
</ul>
</div>
</body>
</html>