Sommaire

Les Ligne:horizontalelignes horizontales

Cet élément <hr> ne contient pas de texte et n’affiche qu’une ligne horizontale qui permet de séparer différentes parties d’un contenu.

Voici les propriétés d’affichage par défaut des lignes horizontales :

hr { 
      display: block; 
      margin-top: 0.5em; 
      margin-bottom: 0.5em; 
      margin-left: auto; 
      margin-right: auto; 
      border-style: inset; 
      border-width: 1px; 
}

Voici un exemple simple :

<!doctype html> 
<html lang="fr"> 
   <head> 
       <meta charset="UTF-8"> 
       <title>Ma page web</title> 
   </head> 
   <body> 
       <h1>Magna Etiam Parturient Inceptos</h1> 
       <p>Maecenas faucibus mollis interdum. Aenean eu leo quam. 
Pellentesque ornare sem lacinia quam venenatis vestibulum. Cum 
sociis natoque penatibus et magnis dis parturient montes, nascetur 
ridiculus mus. Duis mollis, est non commodo luctus, nisi erat 
porttitor ligula, eget lacinia odio sem nec elit. Cum sociis 
natoque penatibus et magnis dis parturient montes, nascetur 
ridiculus mus.</p> 
       <hr> 
       <p>Sed ...