package.docs.utilities.Alignment.examples.Alignment.md Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of patternfly Show documentation

Assets, source, tooling, and content for PatternFly 4

The newest version!

---
id: Alignment
section: utility-classes
---import './Alignment.css'

## Examples

### Basic

```html
Text start
Text center
Text end

  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  quis nostrud exercitation ullamco laboris.


```

## Documentation

### Overview

[Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. **Example .pf-v6-u-text-align-start-on-lg**

### Usage

| Class | Applied to | Outcome |
| -- | -- | -- |
| `.pf-v6-u-text-align-start{-on-[breakpoint]}` | `*` |  Aligns text start |
| `.pf-v6-u-text-align-center{-on-[breakpoint]}` | `*` |  Aligns text center |
| `.pf-v6-u-text-align-end{-on-[breakpoint]}` | `*` |  Aligns text end |
| `.pf-v6-u-text-align-justify{-on-[breakpoint]}` | `*` |  Aligns text justify |