something.html

<style>
    * {
        margin: 0;
        border-radius: 2px;
    }
    body {
        margin: 3%;
        background: #eee;
    }
    column {
        display: block;
        float: left;
        width: 23.5%; /* (100% - combined_gutters) / 4 */
    }
    column + column {
        margin-left: 2%; /* gutters: combined width = 2% * 3 */
    }
    column * + * {
        margin-top: 5%;
    }
    img {
        height: auto;
        max-width: 100%;
    }
    img-wrap {
        display: block;
        padding: 5px 5px 30px;
        background: #fff;
        box-shadow: 0 1px 3px #000;
    }
</style>

<column>
<img-wrap><img src="/Users/brian/Dropbox/Imagery/wops.gif" alt ="wops" title="wops" width="320" height="218" /><p>something</p></img-wrap>
<img-wrap><img src="/Users/brian/Dropbox/Imagery/triple_facepalm.jpg" alt ="triple_facepalm" title="triple_facepalm" width="980" height="600" /></img-wrap>
<img-wrap><img src="/Users/brian/Dropbox/Imagery/whycatspurr.png" alt ="whycatspurr" title="whycatspurr" width="500" height="650" /></img-wrap>
</column>
<column>
<img-wrap><img src="/Users/brian/Dropbox/Photos/IMG_3019.JPG" alt ="IMG_3019" title="IMG_3019" width="4320" height="3240" /></img-wrap>
<img-wrap><img src="/Users/brian/Dropbox/Imagery/carwork.gif" alt ="carwork" title="carwork" width="360" height="240" /></img-wrap>
<img-wrap><img src="/Users/brian/Dropbox/Photos/IMG_3021.JPG" alt ="IMG_3021" title="IMG_3021" width="4320" height="3240" /></img-wrap>
<img-wrap><img src="/Users/brian/Dropbox/Imagery/crlf.png" alt ="crlf" title="crlf" width="640" height="473" /></img-wrap>
</column>
<column>
<img-wrap><img src="/Users/brian/Dropbox/Imagery/dear_vs_bus.gif" alt ="dear_vs_bus" title="dear_vs_bus" width="392" height="271" /></img-wrap>
<img-wrap><img src="/Users/brian/Dropbox/Imagery/deletecomputer.gif" alt ="deletecomputer" title="deletecomputer" width="400" height="222" /></img-wrap>
<img-wrap><img src="/Users/brian/Dropbox/Imagery/detailed_help.PNG" alt ="detailed_help" title="detailed_help" width="567" height="295" /></img-wrap>
<img-wrap><img src="/Users/brian/Dropbox/Photos/IMG_3017.JPG" alt ="IMG_3017" title="IMG_3017" width="4320" height="3240" /></img-wrap>
</column>
<column>
<img-wrap><img src="/Users/brian/Dropbox/Imagery/double_facepalm.jpg" alt ="double_facepalm" title="double_facepalm" width="640" height="512" /></img-wrap>
<img-wrap><img src="/Users/brian/Dropbox/Photos/IMG_3018.JPG" alt ="IMG_3018" title="IMG_3018" width="4320" height="3240" /></img-wrap>
<img-wrap><img src="/Users/brian/Dropbox/Imagery/double_facepalm2.jpg" alt ="double_facepalm2" title="double_facepalm2" width="750" height="600" /></img-wrap>
<img-wrap><img src="/Users/brian/Dropbox/Photos/IMG_3020.JPG" alt ="IMG_3020" title="IMG_3020" width="4320" height="3240" /></img-wrap>
</column>