<html> <body> <li>Tables have width 500px. <li>Yellow cells have width 200px. <li>Green cells are auto-width. <li>Blue cells have colspan = 2 and, in test case, have various specified widths. <table width="500px" cellspacing="0" cellpadding="0"> <tr> <td style="width: 200px; background: yellow"></td> <td style="background: lightgreen">Here are some words.</td> </tr> <tr> <td style="background: lightblue" colspan="2">10 px</td> </tr> </table> <br/> <table width="500px" cellspacing="0" cellpadding="0"> <tr> <td style="width: 200px; background: yellow"></td> <td style="background: lightgreen">Here are some words.</td> </tr> <tr> <td style="background: lightblue" colspan="2">50 px</td> </tr> </table> <br/> <table width="500px" cellspacing="0" cellpadding="0"> <tr> <td style="width: 200px; background: yellow"></td> <td style="background: lightgreen">Here are some words.</td> </tr> <tr> <td style="background: lightblue" colspan="2">100 px</td> </tr> </table> <br/> <table width="500px" cellspacing="0" cellpadding="0"> <tr> <td style="width: 200px; background: yellow"></td> <td style="background: lightgreen">Here are some words.</td> </tr> <tr> <td style="background: lightblue" colspan="2">384 px</td> </tr> </table> <br/> <table width="500px" cellspacing="0" cellpadding="0"> <tr> <td style="width: 200px; background: yellow"></td> <td style="background: lightgreen">Here are some words.</td> </tr> <tr> <td style="background: lightblue" colspan="2">385 px</td> </tr> </table> <br/> <table width="500px" cellspacing="0" cellpadding="0"> <tr> <td style="width: 200px; background: yellow"></td> <td style="background: lightgreen">Here are some words.</td> </tr> <tr> <td style="background: lightblue" colspan="2">390 px</td> </tr> </table> <br/> <table width="500px" cellspacing="0" cellpadding="0"> <tr> <td style="width: 200px; background: yellow"></td> <td style="background: lightgreen">Here are some words.</td> </tr> <tr> <td style="background: lightblue" colspan="2">500 px</td> </tr> </table> <br/> <table width="500px" cellspacing="0" cellpadding="0"> <tr> <td style="width: 200px; background: yellow"></td> <td style="background: lightgreen">Here are some words.</td> </tr> <tr> <td style="background: lightblue" colspan="2">600 px</td> </tr> </table> <br/> <table width="500px" cellspacing="0" cellpadding="0"> <tr> <td style="width: 200px; background: yellow"></td> <td style="background: lightgreen">Here are some words.</td> </tr> <tr> <td style="background: lightblue" colspan="2">900 px</td> </tr> </table> <br/> </table> <br/> <table width="500px" cellspacing="0" cellpadding="0"> <tr> <td style="width: 200px; background: yellow"></td> <td style="background: lightgreen">Here are some words.</td> </tr> <tr> <td style="background: lightblue" colspan="2">1500 px</td> </tr> </table> <br/> </body> </html>