Есть картинка и с права от неё заголовок и параграф. Верстаю с помощью flexbox css. Подскажите как правильно их соединить чтобы они выглядели как на фото. В моем варианте не будет видно картинки, так как они не с инета взяты. Ниже приложу фото картинки Мой вариант (все держится на соплях):
.block-3 .text .ul-li .text {
margin-left: 8%;
margin-top: -7%;
}
.block-3 .text .ul-li img {
width: 40px;
height: 40px;
}
<div class="ul-li">
<img src="img/block-3_for_ul.png" alt="">
<div class="text">
<h4>Title</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.</p>
</div>
<img src="img/block-3_for_ul.png" alt="">
<div class="text">
<h4>Title</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.</p>
</div>
</div>