HTML/CSS：float要素の後ろにセンタリング

Question

ページの左側に浮動小数点要素があります。

このフロートの後、残りのコンテンツを中央に配置したいと思います。

はこちらをご覧ください：http://jsfiddle.net/ETm93/13/

これは私が今持っているものです。私はフロートした：左。私はフロートを行うことができます：右にそれを得るためには右ですが、どうすればフロートされた要素の後にある空間の中心に置くべきですか？例：

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

どうすればいいですか？

Answer 1

使用text-align: centerと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; 
} 

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

Answer 2

あなたは テキスト整列使用し、テキストのみの場合

#profile_rightPanel_center { 
    text-align: center 
} 

Answer 3

に

#profile_rightPanel_center { 
    float: left; 
} 

を変えてみました：センター;