Как сверстать такой блок?

Question

[Slasherr]

Здраствуйте. Учусь вёрстке. И возник вопрос... Как сверстать такой блок?


Пробую так, дальше уже просто хз что делать.

<section class="promo">
		<div class="container">
          <article class="web">
            <h3>Web Development</h3>
            <p>Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt.</p>
            <p>Iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit</p>
            <img src="Flow-Tree-Icon.png" alt="Tree" class="tree-flow">
          </article>
    </div>
    </section>

.promo{
	background-color: #fff;
}
.web{
	padding: 80px 0 0 0;
}
.web>p{
	float: left;
}
.tree-flow{
	float: right;
}

Результат: prntscr.com/f4xlwy

Comments

[Slasherr]

Мб завернуть текст еще в блок?