nicht angemeldet
Liebe Forumler,
anscheinend habe ich da etwas nicht begriffen, jedenfalls will kein Browser so, wie ich wohl will:
<p class="zentriert">Wert: <span id="spezial"> </span></p>
Das <span> soll eine feste Breite von 200px haben. Später soll per Javascript in dieses <span> ein reiner Textinhalt geschrieben werden (document.getElementById("spezial").innerHTML = "irgendetwas";), der darin mittig angezeigt werden soll.
Mit folgendem CSS wird die Breite des <span> immer in Abhängigkeit vom enthaltenen Textinhalt gewählt:
#spezial { display: inline; width: 200px; border: 1px solid red; text-align: center; margin: 0; padding: 0 5px; }
Sollte ich das eigentlich nicht benötigte {display: inline;} in ein {display: block;} ändern, dann werden zwar prompt alle meine Wünsche erfüllt, aber dann wandert das <span> automatisch (und auch logischerweise) in eine neue Zeile. Das will ich aber nicht, denn das <span> soll ja als inline-Element innerhalb des zentriert angezeigten Textabsatzes stehen, aber eben in fester Breite von 200px!
Wo liegt mein Denkfehler?
Liebe Grüße aus Ellwangen,
Felix Riesterer.