ua-style-sheet-margin-2-ref.html (625B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <title>Test for logical margins on dl and dd 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 .ltr dl { margin: 1em 0; } 8 .rtl dl { margin: 1em 0; } 9 .v-rl dl { margin: 0 1em; } 10 dd { margin: 0; } 11 .ltr dd { margin-left: 40px; } 12 .rtl dd { margin-right: 40px; } 13 .v-rl dd { margin-top: 40px; } 14 </style> 15 <div class=ltr> 16 <dl><dt>term</dt><dd>definition</dd></dl> 17 </div> 18 <div class=rtl dir=rtl> 19 <dl><dt>term</dt><dd>definition</dd></dl> 20 </div> 21 <div class=v-rl> 22 <dl><dt>term</dt><dd>definition</dd></dl> 23 </div>