css - CSS：如何将文本对齐到图像的中心（左侧）

Question

<p style="text-align:center;display:inline-block">yes </p>
<img width="50px" height="50px" src="">

如何使“是”稍微高一点，使其与该图像块的中心位置对齐？什么是好的练习方法？

    ------
    |    |
yes |    |
    |____|

Answer 1

使用vertical-align:middle;. 这将按照您想要的方式对齐文本和图像。

工作演示

编码

<p style="text-align:center;display:inline-block;">yes </p>
<img width="50px" height="50px" src="" style=" vertical-align:middle;">

希望这可以帮助。