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