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

Question

I basiclly wanna make the same as the image shown,where the text Love us on facebook align in the middle of the image:

Here my 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>

I thought of using vertical alignment to middle but it is not working.

At the moment, mine looks like this:

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>