HTML 5 strange img always adds 3px margin at bottom [duplicate]

by

This problem is caused by the image behaving like a character of text (and so leaving a space below it where the hanging part of a “y” or “g” would go), and is solved by using the vertical-align CSS property to indicate that no such space is needed. Almost any value of vertical-align will do; I’m fond of middle, personally.

img {
    vertical-align: middle;
}

jsFiddle: http://jsfiddle.net/fRpK6/1/

More Related Contents:

  1. How would I achieve a shadow that won’t show through transparent text?
  2. Fill in text in HTML5
  3. Change text-color on div :hover [closed]
  4. CSS customized scroll bar in div
  5. iPad Safari scrolling causes HTML elements to disappear and reappear with a delay
  6. Is there a way to apply a CSS style on HTML5 datalist options?
  7. Show Child Div within Hidden Parent Div
  8. Single huge .css file vs. multiple smaller specific .css files? [closed]
  9. How to display a reverse-ordered list in HTML?
  10. CSS div element – how to show horizontal scroll bars only?
  11. Changing three.js background to transparent or other color
  12. Failed to decode downloaded font
  13. How can I remove space (margin) above HTML header?
  14. How can I ensure that text is inside rounded div?
  15. Internet Explorer z-index bug?
  16. Which HTML5 reset CSS do you use and why? [closed]
  17. How to customize the HTML5 input range type looks using CSS?
  18. Div height 100% and expands to fit content [duplicate]
  19. For div to extend full height
  20. Add a text suffix to
  21. html5 vertical spacing issue with
  22. How to position a div in the middle of the screen when the page is bigger than the screen
  23. Nested rows with bootstrap grid system?
  24. How to write a caption under an image?
  25. How do I line up 3 divs on the same row?
  26. CSS: How to align vertically a “label” and “input” inside a “div”?
  27. Div side by side without float
  28. Full background image with fade effect
  29. CSS Floating Divs with different height are aligned with space between them
  30. Horizontal scroll in DIV with many small DIV’s inside (no text)

Leave a Comment