Liste(float) in Div zentrieren

strukturart

Erfahrenes Mitglied
Hallo,

ich weiss es gibt sehr sehr viel Artikel über das Thema aber leider war ich bisher erfolglos.
Warum funktionierten denn ein margin-left:25%; margin-right:25%; nicht?

Hier mein bisheriges Script:

HTML:
.pictures{
	border:5px solid #0000ff;
	height:200px;
	margin:0 auto;	 
}




.pictures li{
	list-style-type:none;
	padding-right:5px;
	float:left;
}

.pictures span{
	display:block;
	text-align:center;
    font-size:12px; 
    background-color:white;
    }
 
25%-Angaben sehe ich in deinem Code nicht. Wenn Du ein Blockelement zentrieren willst, musst Du diesem eine feste Breite geben und "margin: 0 auto;". Letzteres alleine reicht nicht.
 
Ja das funktioniert, aber was mache ich wenn sich die Grösse des Inhaltes verändert?
So das ich die Regel auf mehrere Div`s anwenden kann.
 
Zurück