1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
---
id: Float
section: utility-classes
---import './Float.css'
## Examples
### Basic
```html
<div class="pf-v6-u-float-inline-start">Float inline-start</div>
<div class="pf-v6-u-float-inline-end">Float inline-end</div>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Earum, odit fugit eaque ad assuminline-enda fuga alias aut ipsum repudiandae enim pariatur ullam distinctio omnis dolorem at voluptatum saepe, beatae officiis?</p>
```
## Documentation
### Overview
[Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-float-inline-start-on-lg`
### Usage
| Class | Applied to | Outcome |
| -- | -- | -- |
| `.pf-v6-u-float-inline-start{-on-[breakpoint]}` | `*` | Float element inline-start |
| `.pf-v6-u-float-inline-end{-on-[breakpoint]}` | `*` | Float element inline-end |
|
