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 li { border:5px solid orange; padding:5px; }
7 .img { list-style-image: url(resources/white.gif) }
11 <UL style="height:20ex; border:1px blue solid;">
13 <LI>Second and very very long item
16 <UL style="direction:rtl; height:20ex; border:1px red solid;">
17 <LI>First item<LI>Second and very very long item<LI>Third item</UL>
18 <UL style="height:20ex; border:1px blue solid; list-style-position:inside;">
20 <LI>Second and very very long item
23 <UL style="direction:rtl; height:20ex; border:1px red solid; list-style-position:inside;">
25 <LI>Second and very very long item
31 <UL class=img style="height:20ex; border:1px blue solid;">
33 <LI>Second and very very long item
36 <UL class=img style="direction:rtl; height: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="height:20ex; border:1px blue solid; list-style-position:inside;">
40 <LI>Second and very very long item
43 <UL class=img style="direction:rtl; height:20ex; border:1px red solid; list-style-position:inside;">
45 <LI>Second and very very long item
49 <OL style="height:20ex; border:1px blue solid;">
51 <LI>Second and very very long item
54 <OL style="direction:rtl; height:20ex; border:1px red solid;">
56 <LI>Second and very very long item
59 <OL style="height:20ex; border:1px blue solid; list-style-position:inside;">
61 <LI>Second and very very long item
64 <OL style="direction:rtl; height:20ex; border:1px red solid; list-style-position:inside;">
66 <LI>Second and very very long item