third_party/WebKit/LayoutTests/fast/inline/positioned-element-padding-contributes-width.html

   1 <!doctype html>
   2 <html>
   3   <head>
   4     <style>
   5       #container {
   6         border: 1px solid blue;
   7         width: 200px;
   8       }
   9       span {
  10         font: 18px Ahem;
  11         line-height: 30px;
  12       }
  13       .item {
  14         padding-left: 26px;
  15       }
  16       .item span {
  17         position: absolute;
  18       }
  19     </style>
  20     <script src="../../resources/check-layout.js"></script>
  21   </head>
  22   <body>
  23     <p>https://bugs.webkit.org/show_bug.cgi?id=108226: All the black boxes should be inside the blue rectangle.</p>
  24     <div id="container" data-expected-height=62>
  25         <span class="item">XX XX XX</span>
  26         <span class="item"><span></span>X</span>
  27     </div>
  28     <script>
  29         checkLayout('#container');
  30     </script>
  31   </body>
  32 </html>
  33
  34