Как опустить картинку относительно текста?

Question

[IggyNov]

Добрый день.

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



Мой кривой код вот:

<header class="header-site-block header-site__index-page">			
	<div class="container">
		<?
		$param['mdl']['__header-site']='default/header-site';
		$this->FE->Viewer->module_live('__header-site',$param);
		?>
		<div class="_iph__slogan">
			<div>
				<p><img src="img/morskoyznak.png" width="130" height="130" alt="Морской знак" align="left" vspace="50" hspace="50">
  
			Производим холодильную технику <br> в лучших традициях с 1989 года!
			</p> 
			<a href="http://www.orelholodmash.ru/news/item/ao-orelholodmash-poluchilo-gran-pri-za-vysokoe-kachestvo-vypuskaemoyi-produktsii-na-vystavke-agroprodmash-2017/"><img src="/img/kubokgranpri.png" alt="Гран-при лучшее предприятие – за высокое качество выпускаемой продукции"></a>
			</div> 
		</div>
	</div> 
</header>

Не пинайте сильно. Я не программист

Comments

[Rustam Bainazarov]

Этого кода недостаточно. Нужен сгенерированный HTML + CSS и в песочницу.

[Rustam Bainazarov]

Ну а так:
margin-top: 5px;

[DanKud]

._iph__slogan > div > p {
    display: flex;
    align-items: center;
}