CSS/HTML: Element, das wird nicht Mitte rechts

Question

zentriert Wenn Sie dies überprüfen:

http://jsfiddle.net/QbMmX/1/

Dann können Sie sehen, dass die Box (div-Element) ist mehr auf der linken Seite als der Text zu bewegen. Es wird nicht zentriert wie der Text. Warum passiert das und wie kann ich das beheben?

Answer 1

#recentStatus ist zentriert, wie Sie aufgrund seiner display: inline Stil erwarten.

Wenn Sie also display: inline-block zu .userStatusComment hinzufügen, wird es ähnlich wie die anderen Elemente zentriert.

Answer 2

Werfen Sie einen Blick auf diese modifizierte Version von jsfiddle:

http://jsfiddle.net/QbMmX/4/

Ich habe einen Hintergrund-Farbe hinzugefügt, um sowohl die rechte und linke Elemente Sie das Ergebnis und Grund zu visualisieren, warum die Zentrierung nicht war passierte so, wie du es wolltest. Dies scheint in Chrom zu funktionieren.

Hoffe, das hilft.

Bob