1、HTML 部分：

<div class="box">
    <p>我是浮动的</p>
    <p>我也是居中的</p>
</div>

2、CSS 部分：

.box{
    float:left;
    position:relative;
    left:50%;
}
p{
    float:left;
    position:relative;
    right:50%;
}

这样看来就很简单了吧，父元素和子元素同时左浮动，然后父元素相对左移动50%，再然后子元素相对右移动50%，或者子元素相对左移动-50%也就可以了。