<table>
    <caption>
        Бюджет громади (в £) 2018
    </caption>
    <thead>
        <tr>
            <th scope="col">Предмети</th>
            <th scope="col">Витрата</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th scope="row">Пиріжки</th>
            <td>3.000</td>
        </tr>
        <tr>
            <th scope="row">Операційне</th>
            <td>18.000</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <th scope="row">Всього</th>
            <td>21.000</td>
        </tr>
    </tfoot>
</table>

thead,
tfoot {
    background-color: #2c5e77;
    color: #fff;
}

tbody {
    background-color: #e4f0f5;
}

table {
    border-collapse: collapse;
    border: 2px solid rgb(140 140 140);
    font-family: sans-serif;
    font-size: 0.8rem;
    letter-spacing: 1px;
}

caption {
    caption-side: bottom;
    padding: 10px;
}

th,
td {
    border: 1px solid rgb(160 160 160);
    padding: 8px 10px;
}

td {
    text-align: center;
}