Frage zu <span>

[Maxx]

Hallo,

Wenn ich das richtig verstanden habe, sollte eine css Angabe wie

.mittig {
text-align: center;
vertical-align: middle;
}

und einem <span class="mittig">bla bla</span> alles zentriert ausgeben oder? Warum tut es das nicht?

Er tut es schon, nur siehst du es nicht. <span> ist ein inline-Element.
Text1 Text1 <span>Text2</span> Text3 Text3 ist Fließtext. Wie stellst du dir vor, dass da etwas horizontal zentriert werden soll? Einzig die Angabe vertical-align würde - wenn Text2 eine geringere Schriftgröße hat - diesen vertikal zentrieren. Bezogen auf die Schrifthöhe des Elternelementes.

Wenn ich die Klasse einem <p> zuweise funktioniert das.

Ja klar. <p> ist auch ein Block-Element und nimmt, sofern man nicht etwas anderes angibt, die gesamte zur Verfügung stehend Breite ein. Und innerhalb dieser Breite wird nun horizontal zentriert.

Alles klar?

Grüße,

Jochen