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。