HTML+CSS 如何居中一个浮动元素

父元素和子元素同时左浮动，然后父元素相对左移动50%，再然后子元素相对右移动50%，或者子元素相对左移动-50%也就可以了。

<style type="text/css">
    .p{

        position:relative;

        left:50%;

        float:left;

    }
    .c{

        position:relative;

        float:left;

        right:50%;

    }
</style>


<div class="p">

    <h1 class="c">Test Float Element Center</h1>

</div>