White space at bottom of anchor tag

by

The image is display: inline so it is treated like a character and sits on the baseline. The gap is caused by the space provided for the descender (which you find on letters like j, g, y and p).

Adjust the vertical-align with CSS: img{vertical-align: bottom}

More Related Contents:

  1. Setting the width of inline elements
  2. A Space between Inline-Block List Items [duplicate]
  3. Is it wrong to change a block element to inline with CSS if it contains another block element?
  4. Margin-Top push outer div down
  5. display: inline-block extra margin [duplicate]
  6. Problems with CSS sticky footer
  7. Add centered text to the middle of a horizontal rule [duplicate]
  8. 100% Min Height CSS layout
  9. Making the main scrollbar always visible
  10. Remove outline from select box in FF
  11. How to make div occupy remaining height?
  12. Change checkbox check image to custom image
  13. display:inline with margin, padding, width, height
  14. Specifying Tab-Width?
  15. How to use an tag inside a in the middle of a text? [duplicate]
  16. Stretching tag to fill entire
  17. Padding the top and the bottom of inline element
  18. HTML list-style-type dash
  19. Table vertical header?
  20. What’s the point of valid CSS/HTML?
  21. Block Level Elements inside Inline elements [duplicate]
  22. Table with table-layout: fixed; and how to make one column wider
  23. Set width on div
  24. How to change checkbox’s border style in CSS?
  25. Weird effect when applying transparent border over an element with a gradient background
  26. Why does CSS work with fake elements?
  27. Deploying just HTML, CSS webpage to Tomcat
  28. Center form submit buttons HTML / CSS
  29. Remove scrollbar from iframe
  30. How to see an HTML page on Github as a normal rendered HTML page to see preview in browser, without downloading?

Leave a Comment