third_party/WebKit/LayoutTests/fast/text-autosizing/descendant-text-footer.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <meta name="viewport" content="width=800">
   5 <style>
   6 html {font-size: 16px; }
   7 body { width: 800px; margin: 0; overflow-y: hidden; }
   8 #footer {
   9     text-align: center;
  10     width: 500px;
  11 }
  12 </style>
  13
  14 <script src="resources/autosizingTest.js"></script>
  15 </head>
  16 <body>
  17 <div>
  18     <div id="content">
  19         This content is autosized to 40px computed font size (16 * 800/320), since the width of the root cluster is used for autosizing.<br/>
  20         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  21     </div>
  22     <center>
  23         <!-- This footer is similar to the footers found on 360.cn and youtube.com -->
  24         <div id="footer">
  25             <p>
  26                 <a href="http://foo.com">link link</a>
  27                 <a href="http://foo.com">link link</a>
  28                 <a href="http://foo.com">link link</a>
  29                 <a href="http://foo.com">link link</a>
  30                 <a href="http://foo.com">link link</a>
  31                 <a href="http://foo.com">link link</a>
  32             </p>
  33             <p>
  34                 copyright 2014. This footer should not be autosized.
  35             </p>
  36             <p>
  37                 abc
  38                 <a href="http://foo.com">link link</a>
  39                 <a href="http://foo.com">link link</a>
  40                 <a href="http://foo.com">link link</a>
  41                 <a href="http://foo.com">link link</a>
  42                 <a href="http://foo.com">link link</a>
  43                 <a href="http://foo.com">link link</a>
  44                 <a href="http://foo.com">link link</a>
  45                 <a href="http://foo.com">link link</a>
  46                 <a href="http://foo.com">link link</a>
  47                 <a href="http://foo.com">link link</a>
  48                 <a href="http://foo.com">link link</a>
  49                 <a href="http://foo.com">link link</a>
  50             </p>
  51         </div>
  52     </center>
  53 </div>
  54 </body>
  55 </html>