379361-3.html (3184B)
1 <html> 2 <body> 3 4 <li>Tables have width 500px. 5 <li>Yellow cells have width 200px. 6 <li>Green cells are auto-width. 7 <li>Blue cells have colspan = 2 and, in test case, have various specified widths. 8 9 <table width="500px" cellspacing="0" cellpadding="0"> 10 <tr> 11 <td style="width: 200px; background: yellow"></td> 12 <td style="background: lightgreen">Here are some words.</td> 13 </tr> 14 <tr> 15 <td style="width: 10px; background: lightblue" colspan="2">10 px</td> 16 </tr> 17 </table> 18 <br/> 19 20 <table width="500px" cellspacing="0" cellpadding="0"> 21 <tr> 22 <td style="width: 200px; background: yellow"></td> 23 <td style="background: lightgreen">Here are some words.</td> 24 </tr> 25 <tr> 26 <td style="width: 50px; background: lightblue" colspan="2">50 px</td> 27 </tr> 28 </table> 29 <br/> 30 31 <table width="500px" cellspacing="0" cellpadding="0"> 32 <tr> 33 <td style="width: 200px; background: yellow"></td> 34 <td style="background: lightgreen">Here are some words.</td> 35 </tr> 36 <tr> 37 <td style="width: 100px; background: lightblue" colspan="2">100 px</td> 38 </tr> 39 </table> 40 <br/> 41 42 <table width="500px" cellspacing="0" cellpadding="0"> 43 <tr> 44 <td style="width: 200px; background: yellow"></td> 45 <td style="background: lightgreen">Here are some words.</td> 46 </tr> 47 <tr> 48 <td style="width: 384px; background: lightblue" colspan="2">384 px</td> 49 </tr> 50 </table> 51 <br/> 52 53 <table width="500px" cellspacing="0" cellpadding="0"> 54 <tr> 55 <td style="width: 200px; background: yellow"></td> 56 <td style="background: lightgreen">Here are some words.</td> 57 </tr> 58 <tr> 59 <td style="width: 385px; background: lightblue" colspan="2">385 px</td> 60 </tr> 61 </table> 62 <br/> 63 64 <table width="500px" cellspacing="0" cellpadding="0"> 65 <tr> 66 <td style="width: 200px; background: yellow"></td> 67 <td style="background: lightgreen">Here are some words.</td> 68 </tr> 69 <tr> 70 <td style="width: 390px; background: lightblue" colspan="2">390 px</td> 71 </tr> 72 </table> 73 <br/> 74 75 <table width="500px" cellspacing="0" cellpadding="0"> 76 <tr> 77 <td style="width: 200px; background: yellow"></td> 78 <td style="background: lightgreen">Here are some words.</td> 79 </tr> 80 <tr> 81 <td style="width: 500px; background: lightblue" colspan="2">500 px</td> 82 </tr> 83 </table> 84 <br/> 85 86 <table width="500px" cellspacing="0" cellpadding="0"> 87 <tr> 88 <td style="width: 200px; background: yellow"></td> 89 <td style="background: lightgreen">Here are some words.</td> 90 </tr> 91 <tr> 92 <td style="width: 600px; background: lightblue" colspan="2">600 px</td> 93 </tr> 94 </table> 95 <br/> 96 97 <table width="500px" cellspacing="0" cellpadding="0"> 98 <tr> 99 <td style="width: 200px; background: yellow"></td> 100 <td style="background: lightgreen">Here are some words.</td> 101 </tr> 102 <tr> 103 <td style="width: 900px; background: lightblue" colspan="2">900 px</td> 104 </tr> 105 </table> 106 <br/> 107 108 </table> 109 <br/> 110 111 <table width="500px" cellspacing="0" cellpadding="0"> 112 <tr> 113 <td style="width: 200px; background: yellow"></td> 114 <td style="background: lightgreen">Here are some words.</td> 115 </tr> 116 <tr> 117 <td style="width: 1500px; background: lightblue" colspan="2">1500 px</td> 118 </tr> 119 </table> 120 <br/> 121 122 </body> 123 </html>