Horizontales Zentrieren klappt nicht

[derdickemann]

Ich habe in meiner css u. a. folgende Definition:

.blogtitle {
text-align : center;
font-size : 18px;
font-family : Verdana, Helvetica, Arial, sans-serif;
font-weight : bold;
font-style : normal;
color : #000000;
line-height : 20px;
}

kann mir jemand sagen, warum das horizontale Zentrieren nicht klappen will? Ich kann keinen Syntax-Fehler erkennen?

[developr]

Kommt drauf an, auf was die Klasse angewendet wird. Zentriert werden ja nur die Inhalte innerhalb des Elements. Außerdem müsstest du dem Element noch eine Breite zuweisen (width).

Versuch mal, ob margin:auto; funktioniert.

[derdickemann]

Damit klappt es auch nicht.

Ich habe herausgefunden, dass die Befehle klappen, wenn ich sie für den kompletten Body definiere:

body,textarea {
text-align : center;
}

Wieso? Das muss doch auch für einzelnde Unterklassen machbar sein!

[developr]

So müsste der Text innerhalb des Textfeldes zentriert sein, aber das ist doch nicht das wonach du gesucht hattest, oder?

Du musst schon sagen, was du zentriert haben möchtest ;-).

Beispiel:

<div style="text-align:center;width:100%;">Dies ist mein Text, welcher zentriert sein soll.</div>