Well, I'm trying for an image, icon on the side of a sentence, but the image goes up, it's up. How do I resolve this?
Ex: (icon) Contact Us
Well, I'm trying for an image, icon on the side of a sentence, but the image goes up, it's up. How do I resolve this?
Ex: (icon) Contact Us
Just insert in the html the image inside the paragraph <p><img></p>
, and adjust the size of the image:
img{
width:15px;
margin-right:5px;
}
<p><img src="http://toddenders.com/assets/images/email.png"> Fale Conosco </p>
It's always a good practice to use 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>
Follow a link with great content on flexbox practice, it helps a lot in the day-to-day: flexbox