Css margin-top vs margin-bottom

by

Depends on context. But, generally margin-top is better because you can use :first-child to remove it. Like so:

div.block {
    margin-top: 10px;
}

div.block:first-child {
    margin-top: 0;
}

This way, the margins are only in between the blocks.

Only works for more modern browsers, obviously.

Related Contents:

  1. What’s the difference between align-content and align-items?
  2. How to set Bullet colors in UL/LI html lists via CSS without using any images or span tags [duplicate]
  3. How do I center an SVG in a div?
  4. Fill remaining vertical space with CSS using display:flex
  5. Scrolling a flexbox with overflowing content
  6. How to style a div to be a responsive square? [duplicate]
  7. Truncating long strings with CSS: feasible yet?
  8. How to make an inline-block element fill the remainder of the line?
  9. CSS3 box-sizing: margin-box; Why not?
  10. How to prevent long words from breaking my div?
  11. Add space between HTML elements only using CSS
  12. How to get these two divs side-by-side?
  13. how to make a div to wrap two float divs inside?
  14. How would YOU do this: Tables or CSS? [closed]
  15. CSS Flex Box Layout: full-width row and columns
  16. How to position two divs horizontally within another div
  17. How to make inactive content inside a div?
  18. DIV’s vs. Tables or CSS vs. Being Stupid
  19. Header div stays at top, vertical scrolling div below with scrollbar only attached to that div
  20. Browser developer tools: what is the Position of the HTML element?
  21. Stretch horizontal ul to fit width of div
  22. CSS transform vs position
  23. Move up character displayed inline
  24. How to use flex-grow?
  25. How to remove whitespace that appears after relative positioning an element with CSS
  26. Twitter bootstrap white gap on right side of page
  27. See :hover state in Chrome Developer Tools
  28. CSS3 Transparency + Gradient
  29. What does it mean when a CSS rule is grayed out in Chrome’s element inspector?
  30. How do I make a semi transparent background?
  31. Apply style ONLY on IE
  32. How to align a div to the top of its parent but keeping its inline-block behaviour?
  33. Overflow-x:hidden doesn’t prevent content from overflowing in mobile browsers
  34. Common CSS Media Queries Break Points [duplicate]
  35. Calculate a percent with SCSS/SASS
  36. How to style the UL list to a single line
  37. How to Create Grid/Tile View? [duplicate]
  38. How to change btn color in Bootstrap
  39. What is the best CSS Framework and are they worth the effort?
  40. CSS Properties: Display vs. Visibility
  41. CSS transition when class removed
  42. How to use relative/absolute paths in css URLs?
  43. How can I remove the bold from a headline?
  44. How do I hide anchor text without hiding the anchor?
  45. How do I include a font awesome icon in my svg?
  46. How can I align text center on small screens with Bootstrap?
  47. CSS-Only Sticky Table Headers In Chrome
  48. How can I transition height: 0; to height: auto; using CSS?
  49. Angular2 Material Dialog css, dialog size
  50. Is there a way to use wildcards in css id tag

Leave a Comment