<!DOCTYPE html>
<html>
    <head>
        <title>Image as spanner</title>
    </head>
    <body>
        <p>Below you should see the word 'PASS', then an image of a blimp, then the word 'PASS' again:</p>
        <div style="-webkit-columns:9; columns:9; -webkit-column-gap:0; column-gap:0; width:10em;">
            P<br>A<br>S<br>S
            <div style="background:red;">
                <img src="../resources/blimp.png" style="display:block; width:70%; margin:1em auto; -webkit-column-span:all; column-span:all;" alt="error">
            </div>
            P<br>A<br>S<br>S
        </div>
    </body>
</html>