我不能居中我的div

Question

我現在不是我做錯了什麼。我想讓'artikelen'div在打開時居中。我嘗試過所有的組合，但不知道發生了什麼問題。

這是HTML

<nav class="cl-effect-1"><center> 
       <a href="#artikelen"><span data-hover="Artikelen"><font size="1px">Artikelen</font></span></a> 
       <a href="#drukwerk"><span data-hover="Drukwerk"><font size="1px">Drukwerk</font></span></a> 
       <a href="#jaarverslagen"><span data-hover="Jaarverslagen"><font size="1px">Jaarverslagen</font></span></a> 
       <a href="#mailings"><span data-hover="Mailings"><font size="1px">Mailings</font></span></a> 
       <a href="#onderwijs"><span data-hover="Onderwijs"><font size="1px">Onderwijs</font></span></a> 
       <a href="#webteksten"><span data-hover="Webteksten"><font size="1px">Webteksten</font></span></a> 
      </center></nav> 
<div id="artikelen"> 
<div class="inhoud"> 
Artikelen 
</div> 
</div> 

這是CSS

#artikelen { 
position:absolute; 
display:none; 
width:auto; 
height:auto; 
} 

#artikelen:target { 
display:block; 
margin-left: auto; 
margin-right: auto; 
} 

.inhoud { 
background-color:black; 
color: white; 
width:200px; 
height:150px; 
margin-left: auto; 
margin-right: auto; 
} 

Answer 1

在這裏看到：http://jsfiddle.net/h8GL3/

我刪除了

poistion:absolute 

來自#artikelen的財產，現在保證金的左右工作。