gecko/layout/html/tests/block/bugs/125506.html

36 lines
1.1 KiB
HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Directions in lists</title>
<style type="text/css">
.rtl {direction: rtl;}
.ltr {direction: ltr;}
h3 {text-align: center;}
</style>
</head>
<body>
<h3>This list does not specify its direction</h3>
<ul>
<li>This list item does not specify its direction.</li>
<li class="ltr">This list item is left-to-right.</li>
<li class="rtl">This list item is right-to-left.</li>
</ul>
<hr>
<h3>This list is left-to-right</h3>
<ul class="ltr">
<li>This list item does not specify its direction.</li>
<li class="ltr">This list item is left-to-right.</li>
<li class="rtl">This list item is right-to-left.</li>
</ul>
<hr>
<h3>This list is right-to-left</h3>
<ul class="rtl">
<li>This list item does not specify its direction.</li>
<li class="ltr">This list item is left-to-right.</li>
<li class="rtl">This list item is right-to-left.</li>
</ul>
</body>
</html>