​x
 
<html>
<head>
<title>CSS tutorial</title>
<style type="text/css">
table {
    border:2px groove teal;
    font-family:"Georgia", serif; font-size:0.9em;
}
caption {
    caption-side: bottom; 
    width: 100%;
    text-align: center; font-style:italic;
    border-bottom:1px solid teal;
}
</style>
</head>
​
<body>
​
<table cellpadding="1" cellspacing="2" rules="both" border="all">
    <caption>Visual Formatting of Tables</caption>
    <tr><td>Each row box occupies one row grid of cells. The rows populate the table from top to bottom</td><td>row '1'</td></tr>
    <tr><td> ---------- </td><td>row '1...n'</td></tr>
    <tr><td>A cell box can't extend beyond the last row box</td><td>row 'n'</td></tr>
</table>
​
</body>
</html>