Galera, estou tentando pôr uma imagem/ícone do lado de uma frase, só que a imagem sobe, fica em cima. Como resolvo isso?
Ex: (ícone) Fale Conosco
Galera, estou tentando pôr uma imagem/ícone do lado de uma frase, só que a imagem sobe, fica em cima. Como resolvo isso?
Ex: (ícone) Fale Conosco
é sempre uma boa prática utilizar flexbox:
.mycontainer{
display: flex;
margin:5px;
}
<div class="mycontainer">
<span>
<img src="https://www.w3schools.com/html/pulpitrock.jpg" alt="">
</span>
<span>
lorem ipsum
</span>
</div>
Segue um link com ótimo conteúdo sobre a prática de flexbox, ajuda muito no dia-a-dia: flexbox
Basta você inserir no html a imagem dentro do paragrafo <p><img></p>
, e ajustar o tamanho da imagem:
img{
width:15px;
margin-right:5px;
}
<p><img src="https://image.flaticon.com/icons/svg/59/59965.svg"> Fale Conosco </p>