third_party/WebKit/LayoutTests/fast/inline/parent-inline-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     </style>
  17     <script src="../../resources/check-layout.js"></script>
  18   </head>
  19   <body>
  20     <p>https://bugs.webkit.org/show_bug.cgi?id=108226: All the black boxes should be inside the blue rectangle.</p>
  21     <div id="container" data-expected-height=62>
  22         <span class="item">XX XX XX</span>
  23         <span class="item"><span></span>X</span>
  24     </div>
  25     <script>
  26         checkLayout('#container');
  27     </script>
  28   </body>
  29 </html>
  30
  31