Есть галерея
Вот код
<style>
.galleryPage {width:90%;max-width:800px;min-width:800px;width:800px;margin:0 auto;padding-top:2em;}
.sortBy{float:left;}
.linkSortAct {border-bottom:1px dashed #003080;color:#003080;}
.linkSort:hover {color:#003080;opacity:0.8;}
.galleryLoad {width:80%;float:left;padding-left:2em;}
.aGalleryImg{width:33%;float:left;height:18em;background-size:contain;background-repeat:no-repeat;margin:0;padding:0;}
.aGalleryImg:hover {opacity:0.6;cursor:pointer;}
.aGalleryAddBtn {margin-top:1em;cursor:pointer;width:100%;text-align:center;font-size:1.2em;background:#d9d9d9;height:2em;padding-top:10px;}
.aGalleryAddBtn:hover{opacity:0.7;}
</style>
<div class="galleryLoad" id="galleryLoad">
<div class="aGalleryImg" id="img2" style=" background-image: url(gallery/original/IMG_1.JPG);"></div>
<div class="aGalleryImg" id="img3" style=" background-image: url(gallery/original/IMG_10.JPG);"></div>
<div class="aGalleryImg" id="img4" style=" background-image: url(gallery/original/IMG_11.JPG);"></div>
<div class="aGalleryImg" id="img5" style=" background-image: url(gallery/original/IMG_12.JPG);"></div>
<div class="aGalleryImg" id="img6" style=" background-image: url(gallery/original/IMG_13.JPG);"></div>
<div class="clear"></div>
</div>
Каким образом можно сделать обтекание без пропусков , что бы получилось как на картинке , желательно без привлечения javascript , только средствами css