<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=800">
<style>
html { font-size:12px; }
body {
width: 800px;
margin: 0;
overflow-y: hidden;
}
#description {
overflow: clip;
width: 600px;
height: 3em;
}
table table {
outline: 1px solid black;
margin: 1px;
border-collapse: collapse;
}
table table td {
background-color: honeydew;
border: 1px dotted darkgreen;
}
</style>
</head>
<body>
<div id="description">
Table autosizing tests - nested-table-wrapping.html<br/>
This test passes if "the table cell should tightly wrap this text" is tightly wrapped.
</div>
<table cellspacing="0" cellpadding="0" style="font-size:2.5rem;">
<tr>
<td>
Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize
<table style="font-size:1rem;">
<tr>
<td>the table cell should tightly wrap this text</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>