Float

When to use it

The Float utility is used to float elements to the left or right of the next element. It is commonly used to create text wrapping around images or other elements.

Variants

Use the .u-float--[right|left] classes to float an element to the right or left.

What it looks like

Code examples

<div>
    <svg width="24" height="24" class="u-float--left"><use xlink:href="../ui-framework/symbol/svg/sprite.symbol.svg#paperplane"></use></svg>
    <div>
        Ticket sent to:
        <div class="u-font--mono">firstname.lastname@tickster.com</div>
    </div>
</div>