Floats - Joystick Design System

Float Left

I'm floating left.

<div class="joy-clearfix">
  <div class="joy-float--left">
    <p>I'm floating left.</p>
  </div>
</div>

Float Right

I'm floating right.

<div class="joy-clearfix">
  <div class="joy-float--right">
    <p>I'm floating right.</p>
  </div>
</div>

Clearfix

I'm floating left.

<div class="joy-clearfix">
  <div class="joy-float--left">
    <p>I'm floating left.</p>
  </div>
  <div class="joy-float--right">
    <p>I'm floating left.</p>
  </div>
</div>