HTML: Zeilenhöhe einstellen – So gehts
veröffentlicht am: 22. Juni 2022
Wenn du in HTML von einem Absatz oder einem Text die Zeilenhöhe bzw Zeilenabstand einstellen willst dann kannst du das mit CSS machen. Der Befehl dafür heist line-height:px.
HTML: Zeilenhöhe einstellen
Der Standard Wert bei vielen Browsern ist line-height:1.2
.text{
line-height:1.2;
}
Ergebnis
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam Beispiel: line-height:2.5
Je höher der Wert desto weiter ist der Zeilenabstand bzw. Zeilenhöhe
.text{
line-height:2.5;
}
Ergebnis
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam Beispiel: line-height:4
Hier ein Beispiel mit der Zeilenhöhe 4 du siehst gleich den Unterschied
.text{
line-height: 4 ;
}
Ergebnis
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite
html html keine umlaute Das könnte dich interessieren!
Weitere Kategorien
Schreibe einen Kommentar
Du musst angemeldet sein, um einen Kommentar abzugeben.