Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Titre du document</title> <style> div.a { line-height: 1; } div.b { line-height: 50px; } div.c { line-height: 0.5cm; } div.d { line-height: 1cm; } div.e { line-height: 200%; } div.f { line-height: normal; } </style> </head> <body> <h2>Exemple de la propriété line-height</h2> <h3>line-height: 1</h3> <div class="a">C'est un paragraphe avec une hauteur des ligne spécifiée.<br> La hauteur des lignes est ici définie à 1. </div> <h3>line-height: 50px</h3> <div class="b">C'est un paragraphe avec une hauteur des ligne spécifiée.<br> La hauteur des lignes est ici définie à 50 pixels. </div> <h3>line-height: 0.5cm</h3> <div class="c">C'est un paragraphe avec une hauteur des ligne spécifiée.<br> La hauteur des lignes est ici définie à 0.5 centimètre. </div> <h3>line-height: 1cm</h3> <div class="d">C'est un paragraphe avec une hauteur des ligne spécifiée.<br> La hauteur des lignes est ici définie à 1 centimètre. </div> <h3>line-height: 200%</h3> <div class="e">C'est un paragraphe avec une plus grande hauteur des lignes.<br> La hauteur des lignes est ici définie à 200%. </div> <h3>line-height: normal</h3> <div class="f">C'est un paragraphe avec une hauteur des lignes standarde.<br> La hauteur des lignes standarde dans la plupart des navigateurs est de 110% à 120% environ. </div> </body> </html>