| <!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; } |
| .yellow { background-color: yellow; } |
| </style> |
| </head> |
| <body> |
| <table style="width: 700px"> |
| <tr><td> |
| <table><tr> |
| <td style="font-size: 2.1875rem"> |
| 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="yellow"><tr> |
| <td><div style="font-size: 2.1875rem"> |
| text...text...text...text...text...text...text...text...text...end! |
| </div></td> |
| </tr></table> |
| </td></tr> |
| </table> |
| </body> |
| </html> |