third_party/WebKit/LayoutTests/fast/lists/008-vertical.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
   2 <HTML style="-webkit-writing-mode:vertical-lr">
   3 <HEAD>
   4 <TITLE>lists with direction:rtl</TITLE>
   5 <style>
   6 body { overflow: hidden; }
   7 li { border:5px solid orange; padding:5px; }
   8 .img { list-style-image: url(resources/white.gif) }
   9 </style>
  10 </HEAD>
  11 <BODY>
  12 <UL style="height:20ex; border:1px blue solid;">
  13 <LI>First item
  14 <LI>Second and very very long item
  15 <LI>Third item
  16 </UL>
  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;">
  20 <LI>First item
  21 <LI>Second and very very long item
  22 <LI>Third item
  23 </UL>
  24 <UL style="direction:rtl; height:20ex; border:1px red solid; list-style-position:inside;">
  25 <LI>First item
  26 <LI>Second and very very long item
  27 <LI>Third item
  28 </UL>
  29
  30
  31
  32 <UL class=img style="height:20ex; border:1px blue solid;">
  33 <LI>First item
  34 <LI>Second and very very long item
  35 <LI>Third item
  36 </UL>
  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;">
  40 <LI>First item
  41 <LI>Second and very very long item
  42 <LI>Third item
  43 </UL>
  44 <UL class=img style="direction:rtl; height:20ex; border:1px red solid; list-style-position:inside;">
  45 <LI>First item
  46 <LI>Second and very very long item
  47 <LI>Third item
  48 </UL>
  49
  50 <OL style="height:20ex; border:1px blue solid;">
  51 <LI>First item
  52 <LI>Second and very very long item
  53 <LI>Third item
  54 </OL>
  55 <OL style="direction:rtl; height:20ex; border:1px red solid;">
  56 <LI>First item
  57 <LI>Second and very very long item
  58 <LI>Third item
  59 </OL>
  60 <OL style="height:20ex; border:1px blue solid; list-style-position:inside;">
  61 <LI>First item
  62 <LI>Second and very very long item
  63 <LI>Third item
  64 </OL>
  65 <OL style="direction:rtl; height:20ex; border:1px red solid; list-style-position:inside;">
  66 <LI>First item
  67 <LI>Second and very very long item
  68 <LI>Third item
  69 </OL>
  70
  71 </BODY>
  72 </HTML>