<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Bug 1130231</title> <style type="text/css"> div { width: 300px; height: 50px; border: 1px solid blue; margin: 10px; padding: 2px; } .inner { padding-inline-start: 100px; padding-inline-end: 50px; border: 5px solid black; border-left: 20px solid red; border-right: 10px solid green; } </style> </head> <html> <body> <div> <button class="inner">|button|</button> </div> <div dir=rtl> <button class="inner">|button|</button> </div> </body> </html>