Margin top in inline element

by

This is not Firefox-only, and defined in the CSS 2.1 Specification:

8.3 Margin properties: ‘margin-top’, ‘margin-right’, ‘margin-bottom’, ‘margin-left’, and ‘margin’

Margin properties specify the width of the margin area of a box. The ‘margin’ shorthand property sets the margin for all four sides while the other margin properties only set their respective side. These properties apply to all elements, but vertical margins will not have any effect on non-replaced inline elements.

(Emphasis at the end is mine; margin-top is a vertical margin)

More Related Contents:

  1. CSS margin terror; Margin adds space outside parent element [duplicate]
  2. Why does this CSS margin-top style not work?
  3. How wide is the default “ margin?
  4. Why is there an unexplainable gap between these inline-block div elements? [duplicate]
  5. How to remove margin space around body or clear default css styles
  6. Removing body margin in CSS
  7. CSS margin adds space outside parent element [duplicate]
  8. Why can’t I center with margin: 0 auto?
  9. Vertical align not working on inline-block
  10. How to align two elements on the same line without changing HTML
  11. HTML: Changing colors of specific words in a string of text
  12. Why would margin not be contained by parent element?
  13. Why doesn’t “margin: auto” center an element vertically?
  14. `margin:auto;` doesn’t work on inline-block elements
  15. Loading an external font via inline CSS
  16. CSS Margin: 0 is not setting to 0
  17. CSS Cell Margin
  18. Is there any way to add padding to select options via CSS?
  19. Align a div to center
  20. Why is my background color not showing if I have display: inline?
  21. CSS technique for a horizontal line with words in the middle
  22. Vertically centering a div inside another div [duplicate]
  23. CSS Display an Image Resized and Cropped
  24. What’s the difference if I put css file inside or ?
  25. Chrome does not expand flex parent according to children’s content [duplicate]
  26. How can I vertically center text in a dynamically height div?
  27. remove blur effect on child element
  28. How to transform each side of a shape separately?
  29. How to create a ribbon shape in CSS
  30. CSS – make div’s inherit a height

Leave a Comment