layout/reftests/bugs/1130231-2-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         .right {
  22                 padding-right: 100px;
  23                 padding-left: 50px;
  24         }
  25         </style>
  26 </head>
  27 <html>
  28 <body>
  29 <div>
  30   <button class="inner">|button|</button>
  31 </div>
  32 <div style="text-align:right">
  33   <button class="inner right">|button|</button>
  34 </div>
  35 </body>
  36 </html>