layout/reftests/list-item/disclosure-1-ref.html

   1 <!DOCTYPE html>
   2 <meta charset=utf-8>
   3
   4 <style>
   5 div { font: 16px system-ui; margin: 1em; border: 1px solid gray; }
   6 li::marker { font-family: -moz-bullet-font, system-ui; }
   7 .right { list-style-type: "\25b8\a0"; }
   8 .left { list-style-type: "\25c2\a0"; }
   9 .down { list-style-type: "\25be\a0"; }
  10 .up { list-style-type: "\25b4\a0"; }
  11 </style>
  12
  13 <div style="width: 10em">
  14 <ul>
  15 <li class=right>closed
  16 <li class=down>open
  17 </ul>
  18 <ul dir=rtl>
  19 <li class=left>closed
  20 <li class=down>open
  21 </ul>
  22 </div>
  23
  24 <div style="writing-mode: vertical-lr; height: 10em">
  25 <ul>
  26 <li class=down>closed
  27 <li class=right>open
  28 </ul>
  29 <ul dir=rtl>
  30 <li class=up>closed
  31 <li class=right>open
  32 </ul>
  33 </div>
  34
  35 <div style="writing-mode: vertical-rl; height: 10em">
  36 <ul>
  37 <li class=down>closed
  38 <li class=left>open
  39 </ul>
  40 <ul dir=rtl>
  41 <li class=up>closed
  42 <li class=left>open
  43 </ul>
  44 </div>