✔ Text vertical centrieren und padding in li-Element

Status
Nicht offen für weitere Antworten.
G

Geflügel

Erfahrenes Mitglied
Hallo

mein code: li { padding: auto 8px auto 8px; height:300px; }

der erste Teil scheint überhaupt keine Wirkung zu haben. Eigentlich wollle ich somit ein Listenelement erstellen, das links und rechts innen einen Abstand von 8px hat und der Inhalt den gleichen Abstand so wie oben als auch unten besitzt.

Hat jemand eine Lösung? vertical-align: middle geht auch nicht. :(
 
Versuch mal...:
Code: 
li { display:inline;
vertical-align:middle; }

oder warum nicht...:
Code: 
padding:3px 8px 3px 8px;

...zum Beispiel?

Ansonsten probiers mal mit:
Code: 
padding:8px;
padding-top:auto;
padding-bottom:auto;

oder:
Code: 
padding:8px auto;
 
Zuletzt bearbeitet:
Hi,

versuch mal Folgendes:

Code: 
ul {
margin: 0;
padding: 0;
}

li { 
padding: auto 8px auto 8px; 
line-height: 300px; 
}
Anstelle von height:300px wird mit line-height:300px der Inhalt des Listenpunktes vertikal zentriert.
 
Danke für eure Hilfen!!
Eine Frage hätte ich noch... ob ich meinem li-Element nun display:inline oder display:block zuweise scheint latte zu sein. ist das so korrekt? wenn ja, warum?

Dass line-height vertikale Zentrierung hervorruft ist ja cool. Danke. :)
 
Das ist nicht egal, denn der Wert inline richtet die Listenpunkte horizontal aus, und mit dem Wert block werden sie vertikal ausgerichtet, was der "Voreinstellung" entspricht.
 
Du hast neben display:block auch float:left angegeben, womit die Listenpunkte ebenfalls horizontal ausgerichtet werden.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück