Jan
07
SPAN in DIV horizontal zentrieren
Abgelegt unter: CSS, HTML<div style="width: 100%; text-align: center">
<span>Dieser Text wird horizontal zentriert.</span>
</div>
Aug
19
CSS: 2 DIV Container nebeneinander
Abgelegt unter: CSSUm in CSS zwei DIV Container horizontal nebeneinander darzustellen gibt es folgende Möglichkeit.
<div style="float:left;">Hier ist die linke Spalte</div>
<div style="float:right;">Hier die rechte</div>
<div style="clear:left;"></div>
Zusätzlich gilt es noch Margin und Padding auf das aktuelle Vorhaben anzupassen. Das ganze kann man natürlich per class in die CSS Stylesheet Datei auslagern.
Aug
01
CSS: 3 Divs nebeneinander
Abgelegt unter: CSSIn CSS 3 Div Container horizontal nebeneinander anordnen.
Mit dem Linken Container fangen wir an, dieser bekommt float:left;
Der Rechte Container bekommt float:right;
So sieht das ganze in der Praxis aus:
Stylesheet:
#links {
float: left;
}#mitte {
}#rechts {
float: right;
}
Dazugehöriges HMTL:
<div id = "links">
Linker Container
</div><div id = "rechts">
Rechter Container
</div><div id = "mitte">
Mitte
</div>
Das wars, so bekommt man in CSS drei DIVS horizontal nebeneinander.
