Removing body margin in CSS

by

I would say that using:

* {
  margin: 0;
  padding: 0;
}

is a bad way of solving this.

The reason for the h1 margin popping out of the parent is that the parent does not have a padding.

If you add a padding to the parent element of the h1, the margin will be inside the parent.

Resetting all paddings and margins to 0 can cause a lot of side effects. Then it’s better to remove margin-top for this specific headline.

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. CSS margin adds space outside parent element [duplicate]
  7. Why can’t I center with margin: 0 auto?
  8. Margin top in inline element
  9. How to align two elements on the same line without changing HTML
  10. Why would margin not be contained by parent element?
  11. Why doesn’t “margin: auto” center an element vertically?
  12. `margin:auto;` doesn’t work on inline-block elements
  13. How to insert spaces/tabs in text using HTML/CSS
  14. CSS Margin: 0 is not setting to 0
  15. CSS Cell Margin
  16. Is there any way to add padding to select options via CSS?
  17. Align a div to center
  18. What are the steps to make a HTML design responsive? [closed]
  19. How do I vertically center text with CSS? [duplicate]
  20. How does the “position: sticky;” property work?
  21. A Space between Inline-Block List Items [duplicate]
  22. CSS vertical alignment of inline/inline-block elements
  23. How to remove the space between inline/inline-block elements?
  24. Why top margin of html element is ignored after floated element?
  25. How do I make the whole area of a list item in my navigation bar, clickable as a link?
  26. Is it considered bad practice to use absolute positioning? [closed]
  27. Image label for input in a form not clickable in IE11
  28. How to center a (background) image within a div?
  29. How to add a background image on top of a previous background image?
  30. How can I prefix ordered list item numbers with a static string using CSS?

Leave a Comment