oter</td>
        <td>Footer</td>
    </tr>
    </tfoot>
</table>
<div class="beforeOrAfter">A div after the table</div>

<h1> A distinct div inside a caption as a float</h1>

<div class="beforeOrAfter">A div before the table</div>
<table>
    <caption>
        <div style="float: left; background-color: red;">I'm the caption of the table! <br> Yes, I <p style="background-color: green; width: 70px;">belong</p> to the table!</div>
    </caption>
    <thead>
    <tr>
        <td>Head</td>
        <td>Head</td>