src/third_party/WebKit/LayoutTests/fast/sub-pixel/inline-block-with-padding.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <style>
   5             a {
   6                 padding: .3em 1.6em;
   7             }
   8         </style>
   9         <script src="../../resources/js-test.js"></script>
  10     </head>
  11     <body>
  12         <p>
  13             Both links should render the same and not wrap.
  14         </p>
  15         <div>
  16             <a style="display: inline-block;" href="#">This shouldn't wrap</a>
  17         </div>
  18         <div>
  19             <a href="#">This shouldn't wrap</a>
  20         </div>
  21         <script>
  22             var links = document.getElementsByTagName('a');
  23             var expectedWidth = links[1].offsetWidth;
  24             shouldBeCloseTo('links[0].offsetWidth', links[1].offsetWidth, 5);
  25         </script>
  26     </body>
  27 </html>