HTML: Zeilenhöhe einstellen – So gehts

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
smileys

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
    html        html keine umlaute   

Das könnte dich interessieren!


Weitere Kategorien






Schreibe einen Kommentar



30924