1138356-1-button-contents-alignment-ref.html (873B)
1 <!DOCTYPE HTML> 2 <html> 3 <style type="text/css"> 4 button { 5 writing-mode: vertical-lr; 6 -moz-appearance: none; 7 } 8 #a { } 9 #b { width: 50px; } 10 #c { padding: 20px; } 11 #d { padding-left: 20px; } 12 #e { padding-right: 20px; } 13 #f { width: 50px; padding: 20px; visibility: hidden; } /* expected to mismatch */ 14 #g { width: 50px; padding-left: 20px; } 15 #h { width: 50px; padding-right: 20px; } 16 #i { padding-top: 20px; } 17 #j { padding-bottom: 20px; } 18 </style> 19 20 <!-- except for button #f, these should all render the same in both 21 vertical-rl and vertical-lr writing modes --> 22 <button id="a">Button</button> 23 <button id="b">Button</button> 24 <button id="c">Button</button> 25 <button id="d">Button</button> 26 <button id="e">Button</button> 27 <button id="f">Button</button> 28 <button id="g">Button</button> 29 <button id="h">Button</button> 30 <button id="i">Button</button> 31 <button id="j">Button</button>