Floats

Float and clear atomic classes allow you to change how an element is positioned within the layout. These should be used when possible to help create consistency.

Classes

Section titled Classes

Class	Output	Definition

Examples

Section titled Examples

Floats

Section titled Floats

<div class="ps-relative clearfix">
    <div class="float-none">…</div>
    <div class="float-left">…</div>
    <div class="float-right">…</div>
</div>

.float-none

.float-left

.float-right

Clears

Section titled Clears

<div class="ps-relative clearfix">
    <div class="float-none">…</div>
    <div class="float-left">…</div>
    <div class="float-right">…</div>
</div>

.float-left

.clear-left

.float-right

.clear-right

.float-left

.float-right

.clear-both