third_party/WebKit/LayoutTests/fast/text-autosizing/descendant-text-footer-expected.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 </head>
  14 <body>
  15 <div>
  16     <div id="content" style="font-size: 2.5rem">
  17         This content is autosized to 40px computed font size (16 * 800/320), since the width of the root cluster is used for autosizing.<br/>
  18         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  19     </div>
  20     <center>
  21         <!-- This footer is similar to the footers found on 360.cn and youtube.com -->
  22         <div id="footer">
  23             <p>
  24                 <a href="http://foo.com">link link</a>
  25                 <a href="http://foo.com">link link</a>
  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             </p>
  31             <p>
  32                 copyright 2014. This footer should not be autosized.
  33             </p>
  34             <p>
  35                 abc
  36                 <a href="http://foo.com">link link</a>
  37                 <a href="http://foo.com">link link</a>
  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             </p>
  49         </div>
  50     </center>
  51 </div>
  52 </body>
  53 </html>