标题区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

尝试添加margin-left：value;字幕类。 例如，保证金左：10％;