How do I put my image inside my footer tag?

Question

I have a pretty basic problem with html & css. I've created a footer with a <p> tag and an <li> tag. Inside the <li> tag I have an image, this image however goes outside of the footer. How can I make the image go inside the footer tag?

HTML

<footer class="footer">
<p class="footerP">© Axel Halldin 2016 ©</p>
<li class="socialMedias"> <img class="facebook" src="facebook.jpg" href="https://www.facebook.com/axel.halldin1?fref=ts"/>
</li>
</footer>

CSS

.footer{
background-color:#003366;
margin:0;
padding:0;
width:90vw;
height:22.5vh;
float:right;
}

.footerP{
color:white;
font-family:FiraSans-Regular, sans-serif;
font-size:16px;
margin:0;
line-height:22.5vh;
}

.socialMedias{
float:right;
}

.facebook{
width:5vw;
height:10vh;
}

The image is inside the `footer` tag as the `li` is inside the footer tag — Andrew, Aug 31 '16 at 12:50
Your HTML is invalid. Fixing that is usually a good first step. http://validator.w3.org/nu/ — Quentin, Aug 31 '16 at 12:50
Where is ul/ol?? and if you are using float:right then use left to left element with clear. — Leo the lion, Aug 31 '16 at 12:53
your welcome but still you need to learn alot...go with basics first. — Leo the lion, Aug 31 '16 at 13:15

score -2 · Answer 1 · answered Aug 31 '16 at 12:53

-2

Add overflow:auto; in the .css as below:

.footer{
background-color:#003366;
margin:0;
padding:0;
width:90vw;
height:22.5vh;
float:right;
overflow:auto;
}

answered Aug 31 '16 at 12:53

Neeraj Kumar

771
2
16
37

How do I put my image inside my footer tag?

1 Answers1