[CSS] Text in "Boxen" zentrieren.

[byte_head]

Hi,

ich habe jetzt mein erstes Layout mit CSS gebastelt.
Aber nun mein Problem:

Ich habe z.B. eine Box unten für Impressum etc.
Wie kann ich den text zentrieren?

padding, border, margin sind ja nur für aussen.

Soll ich mit diesen Werten z.B. <p> definieren für diese Klasse?

Und wie soll ich denn da einen Wert angeben?
Ein statischer Wert bringt da ja nichts.

MfG, J.

 

[Keita]

Für text alignments kennt CSS das gleichnamige Attribut, welches die gleichen Werte wie das align-Attribut aus seligen HTML-Zeiten kennt. Um den Inhalt einer Box zu zentrieren, mußt du also bspw. sowas basteln:

<div style="text-align: center">Ich bin ein Impressum<br />mit zentriertem Dingens</div>

oder, falls der Impressum-Box eh über eine id oder Klasse Style-Anweisungen zugewiesen werden:

#impressum
{
  text-align: center;
}

greetings, Keita

 

[byte_head]

Danke.
Ich habe gestern wohl etwas wirres Zeug geschrieben.

Ich will den Text nicht mittig zentrieren, sondern ihn mittig zentrieren oben<->unten.

Also wenn die Box 35px height besitzt.
Das dann der Text nicht am oberen Rand klebt.

 

[Keita]

Man, bist du verwirrt...
Tja, was du vorhast geht nicht ohne so ohne weiteres, standardmäßig sind Tabellenzellen die einzigen Elemente, die vertikales Alignment kennen. Nichtsdestotrotz gibt es natürlich Workarounds, einen davon findest du z.B. hier.

greetings, Keita

 

[Zweipunktnull]

Hm... keine Ahnung, ob's noch aktuell ist, aber ich hab hier auch noch einen sehr leicht verständlichen Text (auf deutsch): Horizontale und vertikale Zentrierung durch negative margins