如何将段落文本与中间的图像对齐

Question

我基本上想要与所显示的图像相同，其中文字爱我们在Facebook上对齐在图像的中间：

这是我的html：

  <p><img class="alignnone size-full wp-image-184" src="/wp-content/uploads/2016/08/facebook.png" alt="facebook" width="60" height="60">Love us on Facebook</p>

我想过使用垂直对齐到中间，但它不起作用。

目前，我看起来像这样：

Answer 1

您需要将vertical-align:middle添加到图片中：

.wp-image-184 { vertical-align:middle; }

<p><img class="alignnone size-full wp-image-184" src="/wp-content/uploads/2016/08/facebook.png" alt="facebook" width="60" height="60">Love us on Facebook</p>