How to center text with image in P tag

I am trying to align the text to the center of the photo. However the image is wrapped around a P tag. Any ideas on how to center this?

The problem: enter image description here

What I want:

enter image description here

Code:

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>

1 answer

  • answered 2020-10-16 04:46 Lalji Tadhani

    add vertical-align: middle; on image