roobie/docs/layout/float.md

A collection of CSS classes to keep you writing business logic in your HTML. Easily build maintainable web & mobile applications with 100s of pre-built CSS classes at your fingertips.

# Float

## Classes
```html
<div class="fltl">Left</div>
<div class="fltr">Right</div>
<div class="flt0">None</div>
<div class="flti">Interit</div>
```

## Usage

### Left
<div class="div bdr br" style="height:200px">
    Content
    <div class="div20 ht fltl bdr bdr-red br">Left</div>
</div>

```html
<div class="div bdr br" style="height:200px">
    Content
    <div class="div20 ht fltl bdr bdr-red br">Left</div>
</div>
```

### Right
<div class="div bdr br" style="height:200px">
    <div class="div20 ht fltr bdr bdr-red br">Right</div>
    Content
</div>

```html
<div class="div bdr br" style="height:200px">
    <div class="div20 ht fltr bdr bdr-red br">Right</div>
    Content
</div>
```

### None
<div class="div bdr br" style="height:200px">
    Content
    <div class="div20 fltn bdr bdr-red br">None</div>
</div>

```html
<div class="div bdr br" style="height:200px">
    Content
    <div class="div20 fltn bdr bdr-red br">None</div>
</div>
```

### Inherit
<div class="div bdr br" style="height:200px">
    Content
    <div class="div20 flti bdr bdr-red br">Inherit</div>
</div>

```html
<div class="div bdr br" style="height:200px">
    Content
    <div class="div20 flti bdr bdr-red br">Inherit</div>
</div>
```