HTML/CSS : Centering after float element

Question

我的页面左侧有一个 float 元素。

现在在这个 float 之后，我想将其余内容居中。

请看这里:http://jsfiddle.net/ETm93/13/

这就是我现在拥有的。我确实漂浮:离开了。我可以做 float: right 让它到右边，但我应该如何让它以 float 元素之后的空间为中心。示例:

   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/