Float

Float and clearfix classes to help position elements.

Class reference

Class

Output

.c-left

float: left;

.f-right

float: right;

.f-none

float: none;

.clearfix

Clears the children floats

.f-left floats children within a container to its left.

Hello

<div class="f-left">...</div>

.f-right floats children within a container to its left.

Hello

<div class="f-right">...</div>

.f-none removes any float properties from the element.

Hello

<div class="f-right">...</div>

.clearfix forces an element to clear its children.

leftright

<div class="clearfix">...</div>