Css 标题区域div未居中对齐，内部标题div

我有一个标题div，其中有一个标题div。我正在尝试将标题div居中对齐。当前标题div向左对齐。我可能有点昏昏欲睡，但我整天都在看代码，所以我的脑子都快炸了

html

---

请试着把它去掉

position:absolute;

---

尝试添加左边距：值；到标题类。

---

如左边缘：10%

完全忘了我把它设为绝对。谢谢你所有的帮助help@PranavCBalan有了这个：“左边距：-500px；左边距：50%；”它不是动态的，每次你改变左边距时，你都必须改变左边距

#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;
}

position:absolute;