Image gallery demo

by Ali Khaled

HTML

<div class="GalleryWrap">
<ul class="Gallery">
    <li>
        <img src="http://placekitten.com/150/100" />
    </li>
    <li>
        <img src="http://placekitten.com/150/100" />
    </li>
    <li>
        <img src="http://placekitten.com/150/100" />
    </li>
   
</ul>
</div>
<style>
.GalleryWrap {
    display: table;
    width: auto;
    margin: 0 auto;
    border-collapse: collapse;
}
ul.Gallery {
    display: table-row;
}
ul.Gallery li {
    display: table-cell;
    vertical-align: top;
    width: 40%;
    border: 5px solid white;
}
</style>