html - 如何在 P 标签中将文本与图像居中

Question

我正在尝试将文本与照片的中心对齐。然而，图像被包裹在一个 P 标签上。关于如何居中的任何想法？

问题：

我想要的是：

代码：

HTML：

 <div class="customerreviewcontent">
      <div><em>"Omnifood is just awesome! I just launched a <br> startup which leaves me with no time for <br> cooking, so Omnifood is a life-saver. Now <br> that I got used to it, I couldn't live without my daily meals!"</em> 
        <p ><img src="resources/css/img/customer-1.jpg" style="border-radius: 15px; height: 40px;"  alt=""> Albert Duncon</p>
      </div>

      <div><em>"Inexpensive, healthy and great-tasting meals,<br> delivered right to my home. We have lots <br>of food delivery here in Lisbon, but no one <br> comes even close to Omifood. Me and my <br> family are so in love!"</em>
      <p> <img src="resources/css/img/customer-2.jpg" style="border-radius: 15px; height: 40px;" alt=""> Joana Silva</p>
      </div>
      <div><em>"I was looking for a quick and easy food <br> delivery service in San Franciso. I tried a lot <br> of them and ended up with Omnifood. Best food delivery service in the Bay Area.<br> Keep up the great work!"</em>
      <p><img src="resources/css/img/customer-3.jpg" style="border-radius: 15px; height: 40px;" alt="">Milton Chapman</p>
    </div>
  </div>

标签： htmlcss

Answer 1

添加vertical-align: middle;图像