| |
| <html> |
| <head> |
| <style type="text/css"> |
| table { table-layout: auto } |
| table { border: medium solid red; } |
| td { border: thin solid blue; } |
| th { border: thin solid aqua; } |
| </style> |
| </head> |
| <body> |
| <p>table-layout: auto</p> |
| <table> |
| <caption>This is a simple 3x3 table</caption> |
| <tr id="row1"> |
| <th>Header 1 </th> |
| <td>Cell 1 </td> |
| <td>Cell 2</td> |
| </tr> |
| <tr id="row2"> |
| <th>Header 2 </th> |
| <td>Cell 3 </td> |
| <td>Cell 4</td> |
| </tr> |
| <tr id="row3"> |
| <th>Header 3 </th> |
| <td>Cell 5 </td> |
| <td>Cell 6 </td> |
| </tr> |
| </table> |
| </body> |
| </html> |
