<p>

Description

L’élément <p> définit un paragraphe. Le navigateur ajoute automatiquement une marge avant et après chaque paragraphe. <p> ne peut contenir que du contenu inline (texte, <a>, <strong>, <em>…) — jamais d’éléments bloc comme <div> ou <h2>.

Syntaxe

<p>Ceci est un paragraphe de texte.</p>

Exemples

Plusieurs paragraphes :

<p>CSS Grid est un système de mise en page bidimensionnel. Il permet de gérer simultanément les lignes et les colonnes.</p>
<p>Contrairement à Flexbox, qui est unidimensionnel, Grid est idéal pour les mises en page complexes.</p>

Paragraphe avec contenu inline :

<p>
  La propriété <code>grid-template-columns</code> accepte des valeurs en
  <strong>fr</strong> (fraction) pour une répartition proportionnelle de l'espace.
</p>

Notes

Pas d’éléments bloc dans <p> : mettre un <div> ou un <h2> à l’intérieur d’un <p> est invalide. Le navigateur ferme automatiquement <p> avant l’élément bloc, ce qui crée des structures inattendues.

Espacement via CSS : les marges par défaut du navigateur autour des paragraphes sont définies par la feuille de style agent. Pour personnaliser l’espacement, utiliser CSS (margin, line-height).