Slasherr
@Slasherr

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

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

Пробую так, дальше уже просто хз что делать.
<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
  • Вопрос задан
  • 220 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы