Как сделать текст по средине картинки, поднять его?

Question

[Евгений]

Как сделать текст по средине картинки, поднять его?

<div class="clearfix grpelem" id="u3312-4" data-muse-uid="U3312"><!-- content -->
      <!-- m_editable region-id="editable-static-tag-U3312" template="index.html" data-type="html" data-ice-options="disableImageResize,none" -->
    <p>Сделано в <a href="http://company-life.ru" target="_blank"><img src="images/logo2.png" alt="logo"></a> Web-студио LIFE </p>
    
  
<!-- /m_editable -->
     </div>

#u3312-4
{
	z-index: 625;
	width: 400px;
	background-color: transparent;
	font-size: 21px;
	color: #000000;
	line-height: 25px;
	position: relative;
	margin-right: -10000px;
	margin-top: 712px;
	left: 981px;
	vertical-align: middle;
}

Answer 1

[Defiancefew]

Назначить и параграфу и картинке display: inline-block и vertical-align: middle?

codepen.io/anon/pen/XmrmYm

Comments

[Евгений]

не срабатывает( пробувал

Answer 2

[Алексей]

Как вариант - для текста position: absolute; для родительского дива relative, потом margin-top или padding-top: значение в %. Не самый точный способ, но рабочий. Ну или тут посмотри
ruseller.com/lessons.php?id=1248

Answer 3

[Vlad Feninets]

jsfiddle.net/vlad1josef/weuwLd1q