나는 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>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다