title: How do I put my image inside my footer tag?
body: <p>I have a pretty basic problem with html &amp; css. I've created a footer with a <code>&lt;p&gt;</code> tag and an <code>&lt;li&gt;</code> tag. Inside the <code>&lt;li&gt;</code> tag I have an image, this image however goes outside of the footer. <strong>How can I make the image go inside the footer tag?</strong></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;footer class="footer"&gt;
  &lt;p class="footerP"&gt;© Axel Halldin 2016 ©&lt;/p&gt;
  &lt;li class="socialMedias"&gt; &lt;img class="facebook" src="facebook.jpg" href="https://www.facebook.com/axel.halldin1?fref=ts"/&gt;
  &lt;/li&gt;
  &lt;/footer&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.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;
  }
  </code></pre>