o-table

Who is the fastest?
Animal Max speed Class
Falcon 389 km/h Flight-diving
Golden eagle 320 km/h Flight-diving
Eurasian hobby 160 km/h Flight
Cheetah 109 km/h Land
Sailfish 109 km/h Flight-swimming
Pronghorn 88.5 km/h Land
Human (who needs to poo) 45 km/h Land
Code
<table class="o-table">
    <caption>Who is the fastest?</caption>
    <thead>
        <tr>
            <th>Animal</th>
            <th class="is-numeric">Max speed</th>
            <th class="is-centered">Class</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Falcon</td>
            <td data-label="Max speed" class="is-numeric">389 km/h</td>
            <td data-label="Class" class="is-centered">Flight-diving</td>
        </tr>
        <tr>
            <td>Golden eagle</td>
            <td data-label="Max speed" class="is-numeric">320 km/h</td>
            <td data-label="Class" class="is-centered">Flight-diving</td>
        </tr>
        <tr>
            <td>Eurasian hobby</td>
            <td data-label="Max speed" class="is-numeric">160 km/h</td>
            <td data-label="Class" class="is-centered">Flight</td>
        </tr>
        <tr>
            <td>Cheetah</td>
            <td data-label="Max speed" class="is-numeric">109 km/h</td>
            <td data-label="Class" class="is-centered">Land</td>
        </tr>
        <tr>
            <td>Sailfish</td>
            <td data-label="Max speed" class="is-numeric">109 km/h</td>
            <td data-label="Class" class="is-centered">Flight-swimming</td>
        </tr>
        <tr>
            <td>Pronghorn</td>
            <td data-label="Max speed" class="is-numeric">88.5 km/h</td>
            <td data-label="Class" class="is-centered">Land</td>
        </tr>
        <tr>
            <td>Human (who needs to poo)</td>
            <td data-label="Max speed" class="is-numeric">45 km/h</td>
            <td data-label="Class" class="is-centered">Land</td>
        </tr>
    </tbody>
</table>