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を設定しましたトリックは、特定のwidthが定義されている必要があります。