<!DOCTYPE html>
<html>
    <head>
        <title>Table as spanner</title>
    </head>
    <body>
        <p>Below you should see boxes that are green, blue, yellow, and purple, in that order.</p>
        <div style="-webkit-columns:6; columns:6; -webkit-column-gap:0; column-gap:0; width:4em; overflow:hidden; font: 40px Ahem;">
            <div style="background:red;">
                <table style="-webkit-column-span:all; column-span:all;" cellspacing="0" cellpadding="0">
                    <tr>
                        <td><span style="color: green;">P</span><span style="color: blue;">A</span></td>
                        <td><span style="color: yellow;">S</span><span style="color: purple;">S</span></td>
                    </tr>
                </table>
            </div>
            <br><br>
        </div>
    </body>
</html>