Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Der Titel des Dokuments</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>Ein Beispiel für die Eigenschaft line-height</h2> <h3>line-height: 1</h3> <div class="a">Das ist ein Absatz mit einer bestimmten Zeilenhöhe.<br> Die Zeilenhöhe ist hier auf 1 eingestellt. </div> <h3>line-height: 50px</h3> <div class="b">Das ist ein Absatz mit einer bestimmten Zeilenhöhe.<br> Die Zeilenhöhe ist hier auf 50 Pixel eingestellt. </div> <h3>line-height: 0.5cm</h3> <div class="c">Das ist ein Absatz mit einer bestimmten Zeilenhöhe.<br> Die Linienhöhe ist hier auf 0,5 Zentimeter eingestellt. </div> <h3>line-height: 1cm</h3> <div class="d">Das ist ein Absatz mit einer bestimmten Zeilenhöhe.<br> Die Linienhöhe ist hier auf 1 Zentimeter eingestellt. </div> <h3>line-height: 200%</h3> <div class="e">Das ist ein Absatz mit einer größeren Zeilenhöhe.<br> Die Zeilenhöhe ist hier auf 200% eingestellt. </div> <h3>line-height: normal</h3> <div class="f">Das ist ein Absatz mit einer Standardzeilenhöhe.<br> Die Standardzeilenhöhe liegt in den meisten Browsern bei 110% bis 120%. </div> </body> </html>