How do I uncollapse a margin? [duplicate]

by

well you need something in between to “break” the collapsing.

my first thought was to use a div with display:none set in between, but that doesn’t seem to work.

so I tried:

<div style="overflow: hidden; height: 0px; width: 0px;">.</div>

which seems to do the job nicely (at least in firefox, don’t have internet explorer installed here to test it…)

<html>
    <body>
        <div style="margin: 100px;">.</div>
        <div style="overflow: hidden; height: 0px; width: 0px;">.</div>
        <div style="margin: 100px;">.</div>
    </body>
</html>

More Related Contents:

  1. How to disable margin-collapsing?
  2. CSS: Margin-top when parent’s got no border
  3. When to use margin vs padding in CSS [closed]
  4. Margin on child element moves parent element
  5. Change bootstrap navbar collapse breakpoint without using LESS
  6. CSS Margin Collapsing
  7. Margin-Top not working for span element?
  8. What does auto do in margin: 0 auto?
  9. Bootstrap 3 – disable navbar collapse
  10. How can I remove space (margin) above HTML header?
  11. How do I center an SVG in a div?
  12. html, css – weird invisible margin below pictures
  13. CSS margin-top of affects parent’s margin
  14. Set position absolute and margin
  15. Remove “whitespace” between div element
  16. Remove all padding and margin table HTML and CSS
  17. Why centering with margin 0 auto works with display:block but does not work with display:inline-block ?
  18. What is the difference between `margin` and `padding` in CSS?
  19. How do negative margins in CSS work and why is (margin-top:-5 != margin-bottom:5)?
  20. Why were margin collapse rules introduced in CSS?
  21. CSS: clean solution to the margin collapse issue when floating an element
  22. Working with CSS in React [closed]
  23. Position Relative vs Absolute?
  24. Remove padding from columns in Bootstrap 3
  25. Style disabled button with CSS
  26. How to specify an element after which to wrap in css flexbox? [duplicate]
  27. How to link a CSS file from HTML file?
  28. Build list of selectors with LESS
  29. how to rotate text left 90 degree and cell size is adjusted according to text in html
  30. Continuous CSS rotation animation on hover, animated back to 0deg on hover out

Leave a Comment