<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=800">
<style>
html { font-size: 16px; }
body { width: 400px; margin: 0; overflow-y: hidden; }
table { border-spacing: 0; }
td { padding: 0; }
.inner { width: 400px; }
.yellow { background-color: yellow; }
</style>
</head>
<body>
<table>
  <tr><td>
    <table class="inner"><tr><td style="font-size: 1.25rem">
      This test passes if the yellow highlight fully covers the long text
      without spaces in the cell below. This ensures the inner table is
      inflated before the preferred width calculation occurs.
    </td></tr></table>
  </td></tr>
  <tr><td>
    <table class="inner"><tr><td class="yellow" style="font-size: 1.25rem">
      lots_of_text_without_spaces_lots_of_text_without_spaces_lots_of_text_without_spaces_lots_of_text
    </td></tr></table>
  </td></tr>
</table>
</body>
</html>