display: flow-root
Widely available since 2022-07-15
The display: flow-root CSS declaration sets an element as the root element of a new flow layout for its children, preventing margin collapse with sibling elements.
Learning resources on MDN
Browser support (view on caniuse.com)
- Chrome 58 Released on 2017-04-19
- Chrome Android 58 Released on 2017-04-25
- Edge 79 Released on 2020-01-15
- Firefox 53 Released on 2017-04-19
- Firefox for Android 53 Released on 2017-04-19
- Safari 13 Released on 2019-09-19
- Safari on iOS 13 Released on 2019-09-19