ua-style-sheet-margin-13-ref.html (735B)
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>