Boa tarde galera, fiz o curso de HTML e CSS na Alura, e agora estou pegando alguns templates na internet e tentando implementar. Tenho o seguinte layout, mas nesta parte travei, ja fiz de diversas formas e nao cheguei no resultado final. Alguém me dá uma luz de como fazer isso
<section class="contact container">
<div>
<div><img class="img-contact" src="img/tel.png"></div>
<p>+12 3456-78900</p>
<p>+12 3456-78900</p>
</div>
<div>
<div><img class="img-contact" src="img/email.png"></div>
<p>[email removido]</p>
<p>[email removido]</p>
</div>
<div>
<div><img class="img-contact" src="img/website.png"></div>
<p>cleitonosti.com</p>
<p>cleitonosti.com</p>
</div>
<div>
<div><img class="img-contact" src="img/address.png"></div>
<p>
123, Main Street, </br>Your City, New York 789456
</p>
</div>
</section>
CSS
.contact {
background-color: #076cb5;
text-align: center;
}
.contact > div {
display: inline-block;
width: 260px;
height: 139px;
}
.contact > div div {
width: 72px;
height: 72px;
border-radius: 50%;
margin: 0 auto;
background-color: #1384d6;
}
