HTML/CSS: Centrer après élément flotteur

Question

J'ai un élément de flotteur sur le côté gauche sur ma page.

Maintenant, après ce flotteur, je veux centrer le reste du contenu.

S'il vous plaît voir ici: http://jsfiddle.net/ETm93/13/

C'est ce que j'ai maintenant. J'ai flotté: à gauche. Je peux faire float: droit de l'obtenir sur le côté droit, mais comment dois-je l'obtenir centrée de l'espace qui est après l'élément flottant. Exemple:

IMAGE (that is floated) |     stuff here in middle     |.. 

Comment puis-je faire cela?

Answer 1

Utilisez text-align: center et display: inline

#profile_leftPanel{ 
    width: 150px; 
    float: left; 
    border-right: 1px solid #666; 
    margin-right: 20px; 
} 

#profile_rightPanel_center { 
    margin-left:auto; 
    margin-right: auto; 
    text-align: center; 
} 

#recentStatus{ 
    width: 400px; 
    text-align: center; 
    display: inline; 
} 

Voir http://jsfiddle.net/adamzr/QbMmX/

Answer 2

Avez-vous essayé de changer

#profile_rightPanel_center { 
    float: left; 
} 

à

#profile_rightPanel_center { 
    text-align: center 
} 

Answer 3

texte uniquement, utilisez text-align: center;