ody>

<h1> The whole caption as a float</h1>

<div class="beforeOrAfter">A div before the table</div>
<table>
    <caption style="float: left;">
        <div style="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>
    </tr>
    </thead>
    <tr>
        <td>Body</td>
        <td>Body</td>
    </tr>
    <tfoot>
    <tr>
        <td>Fo