Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> th, td { border: 2px solid #666; } table.t1 { table-layout: fixed; width: 250px; } table.t2 { table-layout: auto; width: 100%; } </style> </head> <body> <h2>Table-layout property example</h2> <h3>Table-layout: fixed; width: 160px</h3> <table class="t1"> <tr> <th>Country</th> <th>Capital</th> <th>City</th> </tr> <tr> <td>Russia</td> <td>Moscow</td> <td>Saint Petersburg</td> </tr> <tr> <td>England</td> <td>London</td> <td>Manchester</td> </tr> <tr> <td>The Netherlands</td> <td>Amsterdam</td> <td>Haage</td> </tr> </table> <h3>Table-layout: auto; width: 100%</h3> <table class="t2"> <tr> <th>Country</th> <th>Capital</th> <th>City</th> </tr> <tr> <td>Russia</td> <td>Moscow</td> <td>Saint Petersburg</td> </tr> <tr> <td>England</td> <td>London</td> <td>Manchester</td> </tr> <tr> <td>The Netherlands</td> <td>Amsterdam</td> <td>Hague</td> </tr> </table> </body> </html>