third_party/WebKit/LayoutTests/fast/sub-pixel/float-containing-block-with-margin.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <script src="../../resources/js-test.js"></script>
   5         <style>
   6             ul > li { float: right; background: skyblue; }
   7             ul > li > a { display: block; margin: 10.5px; text-decoration: none; }
   8         </style>
   9     </head>
  10     <body>
  11         <ul>
  12             <li><a href="#">Lorem ipsum</a></li>
  13             <li><a href="#">dolor sit amet</a></li>
  14             <li><a href="#">consectetur adipiscing elit</a></li>
  15         </ul>
  16         Links to the right should not wrap.
  17
  18         <script>
  19             var elements = document.getElementsByTagName('li');
  20             function getItemHeight(i)
  21             {
  22                 return elements[i].getBoundingClientRect().top;
  23             }
  24
  25             if (getItemHeight(0) == getItemHeight(1) && getItemHeight(0) == getItemHeight(2))
  26                 testPassed('All list items are on the same line');
  27             else
  28                 testFailed('Expected all list items to be on the same line.');
  29         </script>
  30     </body>
  31 </html>