@citizensadvice/clearfix

Clearfix

The clearfix is a way to contain floats without resorting to using presentational markup.

• Classes
• Examples
• Installation

Classes

Class name
.clearfix

Examples

<div class="clearfix">
  <div class="float-left">...</div>
  <div class="float-right">...</div>
</div>

Installation

$ npm install @citizensadvice/clearfix

now import into your stylesheet...

@import '@citizensadvice/clearfix/index.scss';

You can also make use of the unpkg service, try adding the link below to the head of your HTML file

<link src="https://unpkg.com/@citizensadvice/clearfix@latest/build/clearfix.css" />