Я не могу показаться, что центр выравнивает мой div (название), который находится внутри другого div.
HTML
<div class="wrapper">
<div id="header">
<div class="title">Home</div>
</div>
</div>
CSS
#header {
position:relative;
width:1200px;
height:400px;
margin:auto;
border:1px solid red;
}
.title {
position:absolute;
width:1000px;
height:140px;
background-color:red;
margin:auto;
}
Удалить position: absolute
и она отлично работает.
Позиция: абсолютное значение необходимо только тогда, когда вам нужно очень специфическое размещение вне нормального потока документов. В этом случае ничего особенного не требуется, кроме автоматического левого и правого полей, которые у вас уже есть.
вы смешиваете вещи. Удалить положение абсолютное.
или если вы хотите, чтобы он был абсолютным, вы можете сделать это
.title {
position:absolute;
width:1000px;
height:140px;
left: 50%;
background-color:red;
margin-left:-500px;
}