Get rid of space underneath inline-block image [duplicate]

by

Write vertical-align:top;. Write like this:

img {
    display:inline-block; 
    margin:0;
    vertical-align:top;
}

Check this http://jsfiddle.net/dJVxb/4/

More Related Contents:

  1. What is a clearfix?
  2. How to center an element horizontally and vertically
  3. How do you keep parents of floated elements from collapsing? [duplicate]
  4. CSS: Width in percentage and Borders
  5. How can I expand floated child div’s height to parent’s height?
  6. Fixed Table Cell Width
  7. Transform: translate(-50%, -50%)
  8. Position absolute and overflow hidden
  9. Difference between position:sticky and position:fixed?
  10. Can a span be closed using ?
  11. Printing HTML table with many columns/rows using CSS layout?
  12. Can overflow:hidden affect layout?
  13. How do I get a flexbox to have a center fixed and a bottom fixed children together?
  14. CSS Layout 2-Column fixed-fluid [closed]
  15. Yet Another Divs vs Tables issue: Forms
  16. Balanced text wrapping in HTML
  17. CSS margin pushing the body element
  18. Is it bad design to use table tags when displaying forms in html?
  19. Menu does not align correctly in Safari
  20. Bootstrap full-width with 2 different backgrounds (and 2 columns)
  21. Minimum and maximum value of z-index?
  22. Adding HTML entities using CSS content
  23. How can I find an element by CSS class with XPath?
  24. Should I use px or rem value units in my CSS? [closed]
  25. How can I make a display:flex container expand horizontally with its wrapped contents?
  26. How to center an iframe horizontally?
  27. HTML input field OUTSIDE of a form
  28. Why would Google use a font tag?
  29. Styling the “ element in CSS?
  30. Sizing flex items on the last row

Leave a Comment