1.居中一个浮动元素，父元素和子元素同时左浮动，然后父元素相对左移动50%，子元素相对右移动50%，或者子元素相对左移动-50%

<div class="p">
    <div class="c">
        <span>水平居中浮动元素</span>
    </div>
</div>


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

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