標題區div沒有中心對齊標題div

Question

我有一個標題div，並且裏面有一個標題div。我正在嘗試對齊標題div。目前，標題div與左側對齊。我可能會變得難以置信，但我一整天都在看代碼，所以我的思想被炒得沸沸揚揚。

HTML

<div class="wrapper"> 
    <div id="header"> 
    <div class="caption">First Caption - Health & Safety</div> 
    </div> 
</div> 

CSS

#header { 
position:relative; 
width:1200px; 
height:400px; 
margin:auto; 
border:1px solid red; 
} 

.caption { 
position:absolute; 
width:1000px; 
height:140px; 
background-color: red; 
margin: auto; 
} 

Answer 1

請儘量去除

position:absolute; 

Answer 2

嘗試添加保證金左：值;標題類。 例如：10％;