div内容不会中心

Question

我试图把内容放在div的中心。我已将其内容设置为block元素并将其设置为margin: 0 auto;但文字通常显示在左上角。

的jsfiddle：https://jsfiddle.net/3c6na6n4/2/

<div style="background: red; height: 300px; width: 300px;"> 
<div style="margin: 0 auto; display: block;"> 
<a style="width: 500px;" href="#>hhhhhhh</a> 
</div> 
</div> 

Answer 1

删除多余的div，只是设置在外一个

<div style="background: red; height: 300px; width: 300px;text-align:center;"> 
 
<a style="width: 500px;" href="#">hhhhhhh</a> 
 
</div>

---

text-align:center为margin:auto窍门，元素需要定义一个特定的width。