Совсем недавно начал изучать разметку, прошу не кидать камнями.
Есть один большой блок.
.welcome_general_block {
width: 855px;
height: 150px;
background: #FFFFFF;
margin: 0 auto;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
margin-bottom: 10px;
text-align: center;
position: relative;
}
Внутри него я расположил ещё один блок для лого и надписи, в центре от родительского:
.welcome_block {
height: 64px;
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
vertical-align: top;
}
Внутри него лежит
<img src="images/image.png">
<h3>Test</h3>
Почему надпись появляется не по центру, справа от изображения, а снизу? Что исправить?
Какие только выравнивания не добавлял, все равно он снизу
