You’re seeing the space for descenders (the bits that hang off the bottom of ‘y’ and ‘p’) because img
is an inline element by default. This removes the gap:
.youtube-thumb img { display: block; }
More Related Contents:
- Removing the image border in Chrome/IE9
- Mysterious whitespace in between Bootstrap2 Navbar and row underneath
- input type=”image” shows unwanted border in Chrome and broken link in IE7
- Inner border over images with CSS?
- what does "/" mean in css border-radius property? [duplicate]
- Center multiple images horizontally in CSS
- Browser can’t access/find relative resources like CSS, images and links when calling a Servlet which forwards to a JSP
- How to remove focus border (outline) around text/input boxes? (Chrome) [duplicate]
- Border Gradient with Border Radius
- SVG data image not working as a background-image in a pseudo element
- CSS triangle custom border color
- CSS Image size, how to fill, but not stretch?
- CSS transition effect makes image blurry / moves image 1px, in Chrome?
- How to vertically align an image inside a div
- Preloading CSS Images
- How can I resize an image dynamically with CSS as the browser width/height changes?
- Drop shadow for PNG image in CSS
- CSS: Margin-top when parent’s got no border
- How do I force a DIV block to extend to the bottom of a page even if it has no content?
- How does border-image work with linear-gradient?
- Should I use ‘border: none’ or ‘border: 0’?
- Replacing H1 text with a logo image: best method for SEO and accessibility?
- How to put an image in div with CSS?
- Responsive Images with CSS
- Two color borders
- How to create multiple borders around existing border of circle [duplicate]
- How to reset / remove chrome’s input highlighting / focus border? [duplicate]
- Define an ‘s src attribute in CSS [duplicate]
- text flowing out of div
- Contain an image within a div?