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

   1 <!DOCTYPE html>
   2 <meta charset=utf-8>
   3 <title>Test for logical margins on caption 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 table { border: 1px solid purple; }
   8 caption { border: 1px solid orange; display: block; width: 100px; height: 100px; }
   9 </style>
  10 <div class=ltr>
  11   <table align=center>
  12     <td>Table that is bigger than its caption</td>
  13     <caption align=right>Caption</caption>
  14   </table>
  15 </div>
  16 <div class=rtl dir=rtl>
  17   <table align=center>
  18     <td>Table that is bigger than its caption</td>
  19     <caption align=right>Caption</caption>
  20   </table>
  21 </div>
  22 <div class=v-rl>
  23   <table align=center>
  24     <td>Table that is bigger than its caption</td>
  25     <caption align=right>Caption</caption>
  26   </table>
  27 </div>