Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Classic clearfix */ .clearfix::after { content: ""; display: block; clear: both; } /* Modern approach: use flow-root instead */ .container { display: flow-root; /* Establishes BFC, contains floats */ } /* Even better: avoid floats for layout */ .modern-layout { display: flex; /* or grid */ }
Result
Open