ua-style-sheet-margin-5-ref.html (816B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <title>Test for logical margins on h[456] 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 h4, h5, h6 { font-size: 16px; border: 1px solid purple; } 8 .ltr h4 { margin: 1.33em 0; } 9 .rtl h4 { margin: 1.33em 0; } 10 .v-rl h4 { margin: 0 1.33em; } 11 .ltr h5 { margin: 1.67em 0; } 12 .rtl h5 { margin: 1.67em 0; } 13 .v-rl h5 { margin: 0 1.67em; } 14 .ltr h6 { margin: 2.33em 0; } 15 .rtl h6 { margin: 2.33em 0; } 16 .v-rl h6 { margin: 0 2.33em; } 17 </style> 18 <div class=ltr> 19 <h4>Heading 4</h4> 20 <h5>Heading 5</h5> 21 <h6>Heading 6</h6> 22 </div> 23 <div class=rtl dir=rtl> 24 <h4>Heading 4</h4> 25 <h5>Heading 5</h5> 26 <h6>Heading 6</h6> 27 </div> 28 <div class=v-rl> 29 <h4>Heading 4</h4> 30 <h5>Heading 5</h5> 31 <h6>Heading 6</h6> 32 </div>