Ich will eine Reihe von divs innerhalb einer div zentrieren. D.h. alle div Elemente sollten so ausgerichtet werden, dass sie (je nach dem wieviel Platz sie benötigen bzw. padding-Abstand) immer mittig ausgerichtet sind und zwar alle div Elemente.
text-align:left und margin:0 auto funktionieren nicht. Das liegt warscheinlich am float:left. Dieses benötige ich aber, da ansonsten die div-Elemente einen Zeilenumbruch einfügen und mit display:inline kann ich keine Positionierungsangaben wie padding-top:10px machen.
Ist table die einzige Möglichkeit?
OK ich habs so gelöst
text-align:left und margin:0 auto funktionieren nicht. Das liegt warscheinlich am float:left. Dieses benötige ich aber, da ansonsten die div-Elemente einen Zeilenumbruch einfügen und mit display:inline kann ich keine Positionierungsangaben wie padding-top:10px machen.
CSS:
body {padding: 0; margin: 0; text-align:center; }
.text {float:left; padding:7px 10px 0 0}
.date {float:left; padding:0 10px}
HTML:
<body>
<div id="content">
<div class="text">text1</div>
<div class="date">text2</div>
</div>
</body>
Ist table die einzige Möglichkeit?
OK ich habs so gelöst
CSS:
#content {padding:10px 0 0 350px}
Zuletzt bearbeitet: