third_party/WebKit/LayoutTests/fast/text-autosizing/header-li-links-autosizing.html

   1 <!DOCTYPE html>
   2 <html style="font-size: 16px">
   3 <head>
   4
   5 <meta name="viewport" content="width=800">
   6 <style>
   7   body {
   8     width: 800px;
   9     margin: 0;
  10     overflow-y: hidden;
  11   }
  12 </style>
  13
  14 <script src="resources/autosizingTest.js"></script>
  15
  16 </head>
  17 <body>
  18
  19 <ul>
  20     <li style="display:inline">
  21         <a href="">These</a>
  22     </li>
  23     <li style="display:inline">
  24         <a href="">Links</a>
  25     </li>
  26     <li style="display:inline">
  27         <a href="">Should</a>
  28     </li>
  29     <li style="display:inline">
  30         <a href="">Not be</a>
  31     </li>
  32     <li style="display:inline">
  33         <a href="">Autosized</a>
  34     </li>
  35 </ul>
  36 <div>
  37     This paragraph should be autosized to 40px computed font-size (16 * 800/320),
  38     whereas the inline links in the header above should be detected as a row of links
  39     and hence rendered at their default size.
  40     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
  41     incididunt ut labore et dolore magna aliqua.
  42 </div>
  43 </body>
  44 </html>