У нас есть следующая структура div, где мы хотели бы горизонтально центрировать как изображение, так и текст в контейнере div. Тем не менее, изображение выравнивается по левому краю, и только название centered.You может найти код ниже:Абсолютное позиционирование для изображений в классе div
.QHeader {
position: absolute;
margin-top: 96px;
margin-left: 0px;
width: 800px;
height: 415px;
background-image: url('../img/bg_blue_rect.png');
background-repeat: no-repeat;
background-position: left top;
}
#QHeaderImg01 {
position: absolute;
display: block;
margin: 0 auto;
margin-top: 72px;
width: 263px;
height: 221px;
background-color: #0F0;
}
.QHeaderTitle {
position: absolute;
margin-top: 324px;
margin-left: 0;
width: 800px;
height: auto;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: bold;
color: #000;
}
<div class="QHeader">
<img id="QHeaderImg01" src="img/q_header_img_01.png" />
<div class="QHeaderTitle">
TITLE
</div>
<!--QHeaderTitle-->
</div>
<!--QHeader-->
вам нужно абсолютно позиционировать все ли? Абсолютное позиционирование усложняет жизнь в целом, и его следует избегать, если это действительно необходимо. –