将span标记置于固定宽度div内

Question

尝试使用span将Margin:0 auto置于div中心，但似乎不起作用。我不知道为什么，display:inline-block会减少到文字的宽度，但我仍然无法使用margin:0 auto。

<div>
<span>Updates</span>
</div>

div{
width:1000px;
height:200px;
background:red;
margin:0 auto;
}
div > span{
display:inline-block;
background:blue;
margin:0 auto;
}

Answer 1

margin: 0 auto;仅适用于block元素。

对于inline-block，请将包裹<div>设置为text-align: center;。