标题区div不在标题div内对齐

时间:2014-02-09 18:16:07

标签: css html

我有一个标题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;
}

2 个答案:

答案 0 :(得分:2)

请尝试删除

position:absolute;

答案 1 :(得分:0)

尝试添加margin-left:value;字幕类。 例如,保证金左:10%;