<p>Simple table with caption:</p> <table> <caption>Demonstration of simple table syntax.</caption> <thead> <tr class="header"> <th style="text-align: right;">Right</th> <th style="text-align: left;">Left</th> <th style="text-align: center;">Center</th> <th>Default</th> </tr> </thead> <tbody> <tr class="odd"> <td style="text-align: right;">12</td> <td style="text-align: left;">12</td> <td style="text-align: center;">12</td> <td>12</td> </tr> <tr class="even"> <td style="text-align: right;">123</td> <td style="text-align: left;">123</td> <td style="text-align: center;">123</td> <td>123</td> </tr> <tr class="odd"> <td style="text-align: right;">1</td> <td style="text-align: left;">1</td> <td style="text-align: center;">1</td> <td>1</td> </tr> </tbody> </table> <p>Simple table without caption:</p> <table> <thead> <tr class="header"> <th style="text-align: right;">Right</th> <th style="text-align: left;">Left</th> <th style="text-align: center;">Center</th> <th>Default</th> </tr> </thead> <tbody> <tr class="odd"> <td style="text-align: right;">12</td> <td style="text-align: left;">12</td> <td style="text-align: center;">12</td> <td>12</td> </tr> <tr class="even"> <td style="text-align: right;">123</td> <td style="text-align: left;">123</td> <td style="text-align: center;">123</td> <td>123</td> </tr> <tr class="odd"> <td style="text-align: right;">1</td> <td style="text-align: left;">1</td> <td style="text-align: center;">1</td> <td>1</td> </tr> </tbody> </table> <p>Simple table indented two spaces:</p> <table> <caption>Demonstration of simple table syntax.</caption> <thead> <tr class="header"> <th style="text-align: right;">Right</th> <th style="text-align: left;">Left</th> <th style="text-align: center;">Center</th> <th>Default</th> </tr> </thead> <tbody> <tr class="odd"> <td style="text-align: right;">12</td> <td style="text-align: left;">12</td> <td style="text-align: center;">12</td> <td>12</td> </tr> <tr class="even"> <td style="text-align: right;">123</td> <td style="text-align: left;">123</td> <td style="text-align: center;">123</td> <td>123</td> </tr> <tr class="odd"> <td style="text-align: right;">1</td> <td style="text-align: left;">1</td> <td style="text-align: center;">1</td> <td>1</td> </tr> </tbody> </table> <p>Multiline table with caption:</p> <table style="width:80%;"> <caption>Here’s the caption. It may span multiple lines.</caption> <colgroup> <col style="width: 15%" /> <col style="width: 13%" /> <col style="width: 16%" /> <col style="width: 35%" /> </colgroup> <thead> <tr class="header"> <th style="text-align: center;">Centered Header</th> <th style="text-align: left;">Left Aligned</th> <th style="text-align: right;">Right Aligned</th> <th style="text-align: left;">Default aligned</th> </tr> </thead> <tbody> <tr class="odd"> <td style="text-align: center;">First</td> <td style="text-align: left;">row</td> <td style="text-align: right;">12.0</td> <td style="text-align: left;">Example of a row that spans multiple lines.</td> </tr> <tr class="even"> <td style="text-align: center;">Second</td> <td style="text-align: left;">row</td> <td style="text-align: right;">5.0</td> <td style="text-align: left;">Here’s another one. Note the blank line between rows.</td> </tr> </tbody> </table> <p>Multiline table without caption:</p> <table style="width:80%;"> <colgroup> <col style="width: 15%" /> <col style="width: 13%" /> <col style="width: 16%" /> <col style="width: 35%" /> </colgroup> <thead> <tr class="header"> <th style="text-align: center;">Centered Header</th> <th style="text-align: left;">Left Aligned</th> <th style="text-align: right;">Right Aligned</th> <th style="text-align: left;">Default aligned</th> </tr> </thead> <tbody> <tr class="odd"> <td style="text-align: center;">First</td> <td style="text-align: left;">row</td> <td style="text-align: right;">12.0</td> <td style="text-align: left;">Example of a row that spans multiple lines.</td> </tr> <tr class="even"> <td style="text-align: center;">Second</td> <td style="text-align: left;">row</td> <td style="text-align: right;">5.0</td> <td style="text-align: left;">Here’s another one. Note the blank line between rows.</td> </tr> </tbody> </table> <p>Table without column headers:</p> <table> <tbody> <tr class="odd"> <td style="text-align: right;">12</td> <td style="text-align: left;">12</td> <td style="text-align: center;">12</td> <td style="text-align: right;">12</td> </tr> <tr class="even"> <td style="text-align: right;">123</td> <td style="text-align: left;">123</td> <td style="text-align: center;">123</td> <td style="text-align: right;">123</td> </tr> <tr class="odd"> <td style="text-align: right;">1</td> <td style="text-align: left;">1</td> <td style="text-align: center;">1</td> <td style="text-align: right;">1</td> </tr> </tbody> </table> <p>Multiline table without column headers:</p> <table style="width:80%;"> <colgroup> <col style="width: 15%" /> <col style="width: 13%" /> <col style="width: 16%" /> <col style="width: 35%" /> </colgroup> <tbody> <tr class="odd"> <td style="text-align: center;">First</td> <td style="text-align: left;">row</td> <td style="text-align: right;">12.0</td> <td>Example of a row that spans multiple lines.</td> </tr> <tr class="even"> <td style="text-align: center;">Second</td> <td style="text-align: left;">row</td> <td style="text-align: right;">5.0</td> <td>Here’s another one. Note the blank line between rows.</td> </tr> </tbody> </table>