ua-style-sheet-margin-10-ref.html (932B)
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 caption { margin: 0; } 10 .ltr caption { margin: 0 auto 0 0; } 11 .rtl caption { margin: 0 auto 0 0; } 12 .v-rl caption { margin: 0 0 auto 0; } 13 </style> 14 <div class=ltr> 15 <table align=center> 16 <td>Table that is bigger than its caption</td> 17 <caption align=left>Caption</caption> 18 </table> 19 </div> 20 <div class=rtl dir=rtl> 21 <table align=center> 22 <td>Table that is bigger than its caption</td> 23 <caption align=left>Caption</caption> 24 </table> 25 </div> 26 <div class=v-rl> 27 <table align=center> 28 <td>Table that is bigger than its caption</td> 29 <caption align=left>Caption</caption> 30 </table> 31 </div>