JSFiddle - React, Tailwind, and code Playground

HTML

<div class="images">
    <img src="http://www.b177.ru/uploads/posts/2009-03/thumbs100/1237832768_fashion-portraits-fallen_ii_by_jakegarn-jake-garn.jpg">
    <img src="http://www.b177.ru/uploads/posts/2009-03/thumbs100/1237832811_fashion-portraits-katherine_triptych_by_jakegarn.jpg">
    <img src="http://www.b177.ru/uploads/posts/2009-03/thumbs100/1237832765_fashion-portraits-suffocation_by_jakegarn-jake.jpg">
    <img src="http://www.b177.ru/uploads/posts/2009-03/thumbs100/1237832749_fashion-portraits-profile_by_jakegarn-jake-garn.jpg">
    <img src="http://www.b177.ru/uploads/posts/2009-03/thumbs100/1237832785_fashion-portraits-dressed_vista_by_jakegarn-jake.jpg">
    <img src="http://www.b177.ru/uploads/posts/2009-03/thumbs100/1237832800_fashion-portraits.jpg">
    <img src="http://www.b177.ru/uploads/posts/2009-03/thumbs100/1237832733_fashion-portraits-hairspray_by_jakegarn-jake-garn.jpg">
    <img src="http://www.b177.ru/uploads/posts/2009-03/thumbs100/1237832819_fashion-portraits-tired_throne_by_jakegarn-jake.jpg">
    <img src="http://www.b177.ru/uploads/posts/2009-03/thumbs100/1237832811_fashion-portraits-katherine_triptych_by_jakegarn.jpg">
</div>
<p>(фотки <a href="http://www.b177.ru/foto_portret/280-portrety-fotograf-jake-garn-150-foto/100.html">отсюда</a>)</p>

CSS

.images {
    background: #036;
    -moz-column-width: 100px;
    -webkit-column-width: 100px;  
    column-width: 100px;
    -moz-column-count: 3;
    -webkit-column-count: 3;  
    column-count: 3;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;  
    column-gap: 0;
    width: 330px;
    max-height: 265px;
    padding: 5px;
    writing-mode: tb-lr;
    *layout-flow: vertical-ideographic;
    word-spacing: -.3em;
}
.images img {
    margin: 5px;
    line-height: 1px;
    vertical-align: top;
}