third_party/WebKit/LayoutTests/fast/text-autosizing/tables/table-with-inline-block.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <meta name="viewport" content="width=800">
   5 <style>
   6   body {
   7     margin: 0;
   8     overflow-y: hidden;
   9     font-size: 16px;
  10   }
  11   #description {
  12     overflow: clip;
  13     width: 600px;
  14     height: 3em;
  15   }
  16   table {
  17     outline: 1px solid black;
  18     margin: 1px;
  19     border-collapse: collapse;
  20   }
  21   td {
  22     background-color: honeydew;
  23     border: 1px dotted darkgreen;
  24   }
  25 </style>
  26 <script src="../resources/autosizingTest.js"></script>
  27 </head>
  28 <body>
  29 <div id="description">
  30 Table autosizing tests - table-with-inline-block.html<br/>
  31 This test passes if there is not extra space in the pink boxes.
  32 </div>
  33 <table>
  34   <tr>
  35     <td>
  36       Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize
  37       <b style="display: inline-block; background-color: pink; font-size: 16px;">wrapped text</b>
  38       Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize
  39     </td>
  40   </tr>
  41 </table>
  42 <table>
  43   <tr>
  44     <td>
  45       Autosize<br/>
  46       <b style="display: inline-block; background-color: pink; font-size: 16px;">Wrapped text</b><br/>
  47       Autosize<br/>Autosize<br/>Autosize<br/>Autosize<br/>Autosize<br/>Autosize<br/>Autosize<br/>Autosize<br/>
  48       Autosize<br/>Autosize<br/>Autosize<br/>Autosize<br/>Autosize<br/>Autosize<br/>Autosize<br/>Autosize<br/>
  49     </td>
  50   </tr>
  51 </table>
  52 </body>
  53 </html>