caption-side: Positioning a <caption> Above or Below a Table
caption-side's only two values (CSS 2.1 §17.4) stack the caption above the row
grid (top, the initial value) or below it (bottom) - always spanning the
table's own content width. The <table> element's own border/background (CSS 2.1
§17.4) wrap the row grid only - the caption sits outside them, in its own unbordered/unfilled area.
caption-side: top (default)
Table 1. Quarterly results by region
| Region | Q1 | Q2 |
|---|
| North | 120 | 135 |
| South | 98 | 110 |
caption-side: bottom
Table 2. Same data, caption moved below the table
| Region | Q1 | Q2 |
|---|
| North | 120 | 135 |
| South | 98 | 110 |