1130231-2-button-padding-rtl.html (562B)
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <title>Bug 1130231</title> 6 <style type="text/css"> 7 div { 8 width: 300px; 9 height: 50px; 10 border: 1px solid blue; 11 margin: 10px; 12 padding: 2px; 13 } 14 .inner { 15 padding-inline-start: 100px; 16 padding-inline-end: 50px; 17 border: 5px solid black; 18 border-left: 20px solid red; 19 border-right: 10px solid green; 20 } 21 </style> 22 </head> 23 <html> 24 <body> 25 <div> 26 <button class="inner">|button|</button> 27 </div> 28 <div dir=rtl> 29 <button class="inner">|button|</button> 30 </div> 31 </body> 32 </html>