如何让浮动元素水平/垂直居中

1.如果浮动元素定宽，可以设置margin:0 auto居中

2.如果浮动元素不定宽，在元素外层创建一个它的父元素 为了不影响其他元素，需要清除浮动

<p style="margin: 1.5em 0;font-size: 13px;color: #fff;float:  left;position:  relative;left: 50%;100%;">
   <input type="checkbox" id="service_checkbox" class="" style="float:left;position:relative;right: 50%;">
   <span style="float:left;position: relative;right: 50%;">同意<a style="color: #84B241;">《商家服务协议》和《隐私声明》</a></span>
</p>

　　这个是让input和span在p元素中水平居中 垂直居可以用属性 vertical-align: middle; 实现