html - 对齐段落html css中的图像

Question

我尝试了几个属性，例如“vertical-align”，但我无法将图像与段落中心对齐

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

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

Demo

Answer 1

vertical-align 不适用于 floats。 试试这个:

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

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