1 <!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN">
4 <TITLE>lists with direction:rtl
</TITLE>
6 li { border:
5px solid orange; padding:
5px; }
7 .img { list-style-image: url(resources/white.gif) }
11 <UL style=
"width:20ex; border:1px blue solid;">
13 <LI>Second and very very long item
16 <UL style=
"direction:rtl; width:20ex; border:1px red solid;">
17 <LI>First item
<LI>Second and very very long item
<LI>Third item
</UL>
18 <UL style=
"width:20ex; border:1px blue solid; list-style-position:inside;">
20 <LI>Second and very very long item
23 <UL style=
"direction:rtl; width:20ex; border:1px red solid; list-style-position:inside;">
25 <LI>Second and very very long item
31 <UL class=img
style=
"width:20ex; border:1px blue solid;">
33 <LI>Second and very very long item
36 <UL class=img
style=
"direction:rtl; width:20ex; border:1px red solid;">
37 <LI>First item
<LI>Second and very very long item
<LI>Third item
</UL>
38 <UL class=img
style=
"width:20ex; border:1px blue solid; list-style-position:inside;">
40 <LI>Second and very very long item
43 <UL class=img
style=
"direction:rtl; width:20ex; border:1px red solid; list-style-position:inside;">
45 <LI>Second and very very long item
49 <OL style=
"width:20ex; border:1px blue solid;">
51 <LI>Second and very very long item
54 <OL style=
"direction:rtl; width:20ex; border:1px red solid;">
56 <LI>Second and very very long item
59 <OL style=
"width:20ex; border:1px blue solid; list-style-position:inside;">
61 <LI>Second and very very long item
64 <OL style=
"direction:rtl; width:20ex; border:1px red solid; list-style-position:inside;">
66 <LI>Second and very very long item