CSS：如何将文本与图像中心对齐（左侧）

Question

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

如何将“是”高位设置为与图像块的中心位置对齐？ 什么是良好的做法？

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

Answer 1

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

<强> WORKING DEMO

守则

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

希望这有帮助。