自适应宽度的div水平居中

<div class="wrap">
  <div class="inner">html ： 让 inner 居中</div>
</div>

//第一种
.wrap {
    float: left; /* 自适应内容宽度 */
    position: relative;
    left: 50%; 
}
.inner {
    position: relative;
    left: -50%; 
}

//第二种
.wrap {
    text-align:center;
}
.inner {
    display:inline-block;
    text-align:left;
}