Как выровнять по центру?

Question

[eellazy]

Как выровнять по центру текст относительно фото. Перепробывал много чего. Не получается. Нужно как на фото справа.



вот мой код

<div class="contact_p">
  <img src="http://www.bio-asli.com/gambar2/phone%20icon.png" class="img_contact">
  <p>Текст текст текст<br>Текст текст текст</p>
  </div>

.contact_p{
  width:200px;
  height:50px;
  
  margin-right:20px;
  margin-left:20px;
  text-align:left;
  display:inline-block;

}


.img_contact{
width:50px;
height:50px;
float:left;
padding-right:10px;

}

Answer 1

[Ильдар Сарибжанов]

Конечно, можно просто отступ сверху добавить, но это не решит проблему, если строк неопределенное количество.
Или в таблицу завернуть (наверное, я бы так и сделал, точно везде отработает.)

Еще можно вот так решить jsfiddle.net

Comments

[AlikDex]

шикарно )

Answer 2

[Дмитрий Антонов]

В данном случае просто взять и изображению добавить padding-top: 10px вроде бы )

Comments

[eellazy]

у меня блок 50 в высоту и изображение

[Дмитрий Антонов]

jsfiddle.net/b649zy6q/3 и еще на заметку возьми чтоб на автомате было )) Если для чего то прописываешь display: inline-block; то сразу же указывай vertical-align обычно я ставлю middle

Answer 3

[AlikDex]

через жопу =)
jsfiddle.net