Difference between margin and padding?

by

padding is the space between the content and the border, whereas margin is the space outside the border. Here’s an image I found from a quick Google search, that illustrates this idea.

enter image description here

More Related Contents:

  1. What is the difference between “word-break: break-all” versus “word-wrap: break-word” in CSS
  2. How to remove Firefox’s dotted outline on BUTTONS as well as links?
  3. css3 transition animation on load?
  4. Background color of text in SVG
  5. How to resize the ClipPath area of SVG?
  6. css z-index lost after webkit transform translate3d
  7. Remove header and footer from window.print()
  8. Amazon S3 CORS (Cross-Origin Resource Sharing) and Firefox cross-domain font loading
  9. “text-align: justify;” inline-block elements properly?
  10. How to rotate the background image in the container?
  11. Pure CSS collapse/expand div
  12. how to avoid extra blank page at end while printing?
  13. Webkit bug with `:hover` and multiple adjacent-sibling selectors
  14. Next.js Global CSS cannot be imported from files other than your Custom
  15. CSS Specificity and Inheritance
  16. Fallback fonts on special characters
  17. Nested rows with bootstrap grid system?
  18. How do I line up 3 divs on the same row?
  19. Apple-like scrollbars using CSS
  20. Why centering with margin 0 auto works with display:block but does not work with display:inline-block ?
  21. Filling water animation
  22. How to ignore parent element’s overflow:hidden in css
  23. Div side by side without float
  24. Pure CSS animation visibility with delay
  25. CSS specificity or inheritance?
  26. CSS How to set div height 100% minus nPx [duplicate]
  27. Gray out image with CSS?
  28. How can I align 3 divs side by side?
  29. Rounded side, not rounded corners
  30. How to override the properties of a CSS class to avoid copying and renaming styles

Leave a Comment