wyrównaj obraz w akapicie html css - css, html5, css3, wyrównanie

Wypróbowałem kilka właściwości, takich jak "wyrównanie w pionie", ale nie mogę dopasować obrazu do środka akapitu

HTML:
<p><img id="imgPhone" src="/images/phone.png">00244 913 513 199</p>

CSS:
img {
float:left;
width:50px;
height:50px;
}

Próbny

Odpowiedzi:

W takim przypadku możesz dodać proste:

p {
line-height: 50px;

}

vertical-align nie działa z floats. Spróbuj tego:

p,
img {
display: inline-block;
vertical-align: middle;
}

img {
width: 50px;
height: 500px;
}

powinieneś zawinąć oba elementy w div i użyć line-height. także an img tag wewnątrz p tag nie jest dobrym pomysłem

http://jsfiddle.net/omegaiori/6zYeA/7/