1 <!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN">
2 <HTML style=
"-webkit-writing-mode:vertical-lr">
4 <TITLE>lists with direction:rtl
</TITLE>
6 body { overflow: hidden; }
7 li { border:
5px solid orange; padding:
5px; }
8 .img { list-style-image: url(resources/white.gif) }
12 <UL style=
"height:20ex; border:1px blue solid;">
14 <LI>Second and very very long item
17 <UL style=
"direction:rtl; height:20ex; border:1px red solid;">
18 <LI>First item
<LI>Second and very very long item
<LI>Third item
</UL>
19 <UL style=
"height:20ex; border:1px blue solid; list-style-position:inside;">
21 <LI>Second and very very long item
24 <UL style=
"direction:rtl; height:20ex; border:1px red solid; list-style-position:inside;">
26 <LI>Second and very very long item
32 <UL class=img
style=
"height:20ex; border:1px blue solid;">
34 <LI>Second and very very long item
37 <UL class=img
style=
"direction:rtl; height:20ex; border:1px red solid;">
38 <LI>First item
<LI>Second and very very long item
<LI>Third item
</UL>
39 <UL class=img
style=
"height:20ex; border:1px blue solid; list-style-position:inside;">
41 <LI>Second and very very long item
44 <UL class=img
style=
"direction:rtl; height:20ex; border:1px red solid; list-style-position:inside;">
46 <LI>Second and very very long item
50 <OL style=
"height:20ex; border:1px blue solid;">
52 <LI>Second and very very long item
55 <OL style=
"direction:rtl; height:20ex; border:1px red solid;">
57 <LI>Second and very very long item
60 <OL style=
"height:20ex; border:1px blue solid; list-style-position:inside;">
62 <LI>Second and very very long item
65 <OL style=
"direction:rtl; height:20ex; border:1px red solid; list-style-position:inside;">
67 <LI>Second and very very long item