layout/reftests/bugs/1130231-1-button-padding-rtl-ref.html

   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-left: 100px;
  16                 padding-right: 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 dir=rtl style="text-align:left">
  26   <button class="inner">|button|</button>
  27 </div>
  28 <div style="text-align:right">
  29   <button class="inner">|button|</button>
  30 </div>
  31 </body>
  32 </html>