如何实现浮动元素居中

<div class="box">

<p>我是浮动的</p>

<p>我是居中的</p>

</div>

.box{

float: left;

position: relative;

left: 50%;

}

p{

float: left;

position: relative;

right: 50%;

}