@patternfly/patternfly
Version:
Assets, source, tooling, and content for PatternFly 4
29 lines (19 loc) • 891 B
Markdown
---
id: Float
section: utility-classes
---import './Float.css'
```html
<div class="pf-v5-u-float-left">Float left</div>
<div class="pf-v5-u-float-right">Float right</div>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Earum, odit fugit eaque ad assumenda fuga alias aut ipsum repudiandae enim pariatur ullam distinctio omnis dolorem at voluptatum saepe, beatae officiis?</p>
```
[](/developer-resources/global-css-variables
| Class | Applied to | Outcome |
| -- | -- | -- |
| `.pf-v5-u-float-left{-on-[breakpoint]}` | `*` | Float element left |
| `.pf-v5-u-float-right{-on-[breakpoint]}` | `*` | Float element right |