<p>medium bookmark / Raindrop.io | Clearfix Ensures that an element self-clears its children. Note: This is only useful if you are still using float to build layouts. Please consider using a modern approach with flexbox layout or grid layout. HTML &lt;div class=&#8221;clearfix&#8221;&gt; &lt;div class=&#8221;floated&#8221;&gt;float a&lt;/div&gt; &lt;div class=&#8221;floated&#8221;&gt;float b&lt;/div&gt; &lt;div class=&#8221;floated&#8221;&gt;float c&lt;/div&gt; &lt;/div&gt; CSS .clearfix::after { [&hellip;]</p>

Breakdown

medium bookmark / Raindrop.io |

Clearfix

Ensures that an element self-clears its children.

Note: This is only useful if you are still using float to build layouts. Please consider using a modern approach with flexbox layout or grid layout.

HTML

<div cla...