Tuesday, December 16, 2014

HTML: Remove extra space at bottom of div

If you using image width 100% and Height auto, Since images are extra space at bottom of div.

<div class="images-slide">
    <img src="/footer-image.png" alt="Gallery" title="Gallery">

.images-slide img {
    max-width: 100%;
    height: auto;

To un-do this effect for images, you can specify either of the styles below,

img { display:block; }
img { vertical-align:bottom; }