CSS/HTML: élément qui est centré centre wont droit

Question

Si vous cochez cette:

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

vous pouvez voir que la boîte (div élément) se déplace plus à gauche que le texte. Il ne marche pas se centre comme le texte fait. Pourquoi est-ce et comment se produisant je résoudre ce problème?

Answer 1

#recentStatus est centrage que vous vous attendez à la suite de son style display: inline. Donc si vous ajoutez display: inline-block à .userStatusComment, il se centrera de la même manière que les autres éléments.

Answer 2

Jetez un oeil à cette version modifiée de jsFiddle:

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

J'ai ajouté une couleur de fond à la fois les éléments à droite et à gauche pour vous aider à visualiser le résultat et la raison pour laquelle le centrage n'a pas été passe la façon dont vous vouliez. Cela semble fonctionner en chrome.

Espérons que cela aide.

Bob