# Flexbox

A layout system for lining items up in a row or column.

## What is **Flexbox**?

**Flexbox** is a layout system for lining items up in a row or a column, spacing them out and aligning them, without floats or tricks.

```css
.toolbar {
  display: flex;
  gap: 8px;
  align-items: center;
}
```

Level: Journeyman · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/journeyman)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/flexbox