caption-side

by jpeter06

HTML

<table>
    <caption>caption</caption>
    <thead>
        <tr>
            <th scope="col">Items</th>
            <th scope="col">Expenditure</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th scope="row">Donuts</th>
            <td>3,000</td>
        </tr>
        <tr>
            <th scope="row">Stationery</th>
            <td>18,000</td>
        </tr>
    </tbody>
</table>

CSS

table{
  caption-side:bottom;
}

thead{
  background: orange;
}

tbody{
  background: turquoise;
}