将文本放在两个图像之间

Question

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

＆＃13;

＆＃13;

textOutput("predicted")

＆＃13;

＆＃13;

＆＃13;

Answer 1

您可以使用this

执行此操作

＆＃13;

＆＃13;

this

＆＃13;

Flexbox

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以使用bootstrap

执行此操作

只需添加课程：

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

See JSFiddle Here