Как выровнять текст справа от изображения?

Question

[vitHlJT62b7VCE2]

Совсем недавно начал изучать разметку, прошу не кидать камнями.

Есть один большой блок.

.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>

Почему надпись появляется не по центру, справа от изображения, а снизу? Что исправить?
Какие только выравнивания не добавлял, все равно он снизу

Comments

[Андрей Иванов]

В кодпен покажите, так бедет проще и удобней

Answer 1

[Ankhena]

vertical-align для картинки https://webref.ru/css/vertical-align
А вообще изучайте флексы.

Comments

[vitHlJT62b7VCE2]

Ничего не изменилось.

[Ankhena]

vitHlJT62b7VCE2, h3 сделайте инлайн блоком

Answer 2

[yadscreech]

<h3>Test</h3>
<img src="images/image.png">