---
title: Display
description: The Display utility provides classes to set an element’s display property, such as inline, block, flex, inline-block, inline-flex, or none.
---

Use this utility to set an element's display property. Utility classes are named using the format: `env-d--{value}`

Valid values

- `inline`
- `block`
- `flex`
- `inline-block`
- `inline-flex`
- `none`

Examples

```html
<div class="example-display">
   <div class="env-p-around--x-small env-d--inline">Inline</div>
   <div class="env-p-around--x-small env-d--block">Block</div>
   <div class="env-p-around--x-small env-d--inline-block">Inline block</div>
   <div class="env-p-around--x-small env-d--flex">Flex</div>
   <div class="env-p-around--x-small env-d--inline-flex">Inline flex</div>
   <div class="env-p-around--x-small env-d--none">None</div>
</div>
```