D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
abernier
Full window
Github gist
micro-clearfix
<!DOCTYPE html> <meta charset=utf-8> <title>µclearfix</title> <link rel="stylesheet" href="index.css"> <style> #test {background-color:hotpink; padding:1em;} #test > * {width:5em; line-height:5em; background-color:rgba(255,255,255,.5);} #test > *:first-child {float:left;} #test > *:last-child {float:right;} </style> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget mauris elit, vitae elementum felis. Nulla lobortis nisl id erat suscipit congue. Vestibulum tellus eros, ultricies ac luctus et, fringilla a ipsum. Vestibulum quis nunc consectetur erat condimentum tincidunt.</p> <div id="test" class="cf"> <div>A</div> <div>B</div> </div> <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean eleifend tristique lacus sed hendrerit. Sed turpis libero, dictum at adipiscing vel, consequat scelerisque libero. Morbi malesuada vehicula augue, id luctus dui consectetur id.</p>