Question

我尝试了几个属性，比如＆＃39; vertical-align＆＃39;但我不能将图像与段落的中心对齐

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

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

Answer 1

vertical-align无法与floats合作。试试这个：

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

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

Answer 2

在这种情况下，您可以简单地添加：

p {
        line-height: 50px;

}

Answer 3

你应该将两个元素都包含在div中并使用line-height。 img标记内的p标记也不是一个好主意