third_party/WebKit/LayoutTests/fast/text-autosizing/nested-table-long-word-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: 400px; margin: 0; overflow-y: hidden; }
   8 table { border-spacing: 0; }
   9 td { padding: 0; }
  10 .inner { width: 400px; }
  11 .yellow { background-color: yellow; }
  12 </style>
  13 </head>
  14 <body>
  15 <table>
  16   <tr><td>
  17     <table class="inner"><tr><td style="font-size: 1.25rem">
  18       This test passes if the yellow highlight fully covers the long text
  19       without spaces in the cell below. This ensures the inner table is
  20       inflated before the preferred width calculation occurs.
  21     </td></tr></table>
  22   </td></tr>
  23   <tr><td>
  24     <table class="inner"><tr><td class="yellow" style="font-size: 1.25rem">
  25       lots_of_text_without_spaces_lots_of_text_without_spaces_lots_of_text_without_spaces_lots_of_text
  26     </td></tr></table>
  27   </td></tr>
  28 </table>
  29 </body>
  30 </html>