---
title: "Positionnement : aligner le contenu d'un élément"
description: "Alignez le contenu d'un élément (forme, texte, bouton, image) et choisissez son placement vertical ou horizontal dans l'espace disponible."
url: https://docs.vivlab.com/editor/style/align
---

# Positionnement

La rubrique **Positionnement** aligne le contenu d'un élément à l'intérieur de son bloc. Elle est disponible sur la plupart des éléments ([Forme](https://docs.vivlab.com/editor/menu/block.md), [texte](https://docs.vivlab.com/editor/menu/text.md), [bouton](https://docs.vivlab.com/editor/menu/button.md), images…) et détermine où se place leur contenu verticalement quand le bloc est plus haut que son contenu.

<DocsScreenshot name="editor-align-options" alt="L’alignement vertical du contenu en haut, au milieu ou en bas." :width="341" :height="263" />

## Direction

Pour les éléments [Navigation](https://docs.vivlab.com/editor/menu/navigation.md) et [Réseaux sociaux](https://docs.vivlab.com/editor/menu/icon-group.md), choisissez la **Direction** des liens ou des icônes : **Ligne** les place côte à côte (réglage par défaut) ; **Colonne** les place les uns sous les autres.

Les deux réglages d'alignement ci-dessous suivent ce choix. Les options comme **Espacé** répartissent donc l'espace de gauche à droite en ligne, ou de haut en bas en colonne.

## Alignement vertical du contenu

Trois options :

- **Haut** : aligne le contenu en haut du conteneur (valeur par défaut).
- **Milieu** : aligne le contenu au milieu, vertical.
- **Bas** : aligne le contenu en bas.

C'est notamment utile pour centrer verticalement un titre dans une Forme haute, ou caler une barre d'icônes en bas d'une carte.

## Alignement horizontal du contenu

Les éléments qui disposent leur contenu en ligne ([Navigation](https://docs.vivlab.com/editor/menu/navigation.md), réseaux sociaux…) proposent aussi un **Alignement horizontal du contenu** :

- **Gauche** : aligne le contenu à gauche.
- **Centré** : aligne le contenu au centre.
- **Droite** : aligne le contenu à droite.
- **Espacé**, **Espacé (autour)**, **Espacé (uniforme)** : répartissent les éléments sur toute la largeur disponible, avec des espaces entre eux, autour d'eux ou de taille identique. **Espacé** est la valeur par défaut de ces éléments.

## Réinitialiser

Le bouton **Réinitialiser les paramètres** efface la direction et les alignements personnalisés pour revenir au comportement par défaut de l'élément.