{"version":"1.0","type":"rich","title":"µclearfix","description":"This example demonstrates the classic micro clearfix hack, a CSS technique for containing floated child elements within a parent container. It shows two blocks floated left and right inside a hot-pink test container, with surrounding paragraphs of placeholder text. The code uses the `.cf:before` and `.cf:after` pseudo-elements with `display:table` and `clear:both` to prevent the parent from collapsing. No JavaScript libraries are used; the solution relies purely on CSS, referencing Nicolas Gallagher’s original clearfix approach. The rendering shows the floats properly contained within the bordered test area.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-1583644?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}