layout/reftests/writing-mode/ua-style-sheet-margin-13-ref.html

   1 <!DOCTYPE html>
   2 <meta charset=utf-8>
   3 <title>Test for logical margins on nested ul/ol elements in the UA style sheet</title>
   4 <style>
   5 .v-rl { writing-mode: vertical-rl; }
   6 .ltr, .rtl, .v-rl { border: 1px solid blue; }
   7 ul { border: 1px solid purple; }
   8 .ltr ul { margin: 1em 0; padding: 0 0 0 40px; }
   9 .rtl ul { margin: 1em 0; padding: 0 40px 0 0; }
  10 .v-rl ul { margin: 0 1em; padding: 40px 0 0 0; }
  11 ol { margin: 0; }
  12 </style>
  13 <div class=ltr>
  14   <ul>
  15     <li>
  16       <ol>
  17         <li>Item</li>
  18       </ol>
  19     </li>
  20   </ul>
  21 </div>
  22 <div class=rtl dir=rtl>
  23   <ul>
  24     <li>
  25       <ol>
  26         <li>Item</li>
  27       </ol>
  28     </li>
  29   </ul>
  30 </div>
  31 <div class=v-rl>
  32   <ul>
  33     <li>
  34       <ol>
  35         <li>Item</li>
  36       </ol>
  37     </li>
  38   </ul>
  39 </div>