css - 在两个图像之间放置文字

我不擅长CSS。如何在图像之间很好地放置文本？
而且即使屏幕尺寸较小（如在iPhone浏览器上），它也可以正常工作Fiddle

<div class="testimonials-list">
  <div id="quote-7728" class="quote first individual-testimonial">
    <img width="50" height="50" class="avatar avatar-50" src="http://placehold.it/75x100" alt="" />TEXT HERE TEXT HERETEXT HERETEXT HERETEXT HERETEXT HERETEXT HERETEXT HERETEXT HERETEXT HERETEXT HERETEXT HERETEXT HERETEXT HERETEXT HERE
    <img width="50" height="50" class="avatar " src="http://placehold.it/75x100" alt="" />
  </div>
</div>
<!--/.testimonials-list-->

最佳答案

您可以使用Flexbox

.content {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

<div class="content">
  <img src="http://placehold.it/150x100">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis, est.
  <img src="http://placehold.it/150x100">
</div>

关于css - 在两个图像之间放置文字，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36179757/