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