title: How to put an image next to each other
body: <p>I'm trying to put these two 'hyperlinked' icons next to each other but I can't seem to do that. As you can see, the twitter icon falls to the next line.. (they are both hyperlinked to their respective website)</p>
  
  <p><img src="https://i.stack.imgur.com/tdnd8.png" alt="enter image description here"></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="nav3" style="height:705px;"&gt;
      &lt;div id="icons"&gt;&lt;a href="http://www.facebook.com/"&gt;&lt;img src="images/facebook.png"&gt;&lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="icons"&gt;&lt;a href="https://twitter.com"&gt;&lt;img src="images/twitter.png"&gt;&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.nav3 {
      background-color: #E9E8C7;
      height: auto;
      width: 150px;
      float: left;
      padding-left: 20px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      color: #333333;
      padding-top: 20px;
      padding-right: 20px;
  }
  
  #icons{position:relative; 
      width: 64px; 
      height: 64px; 
     }
  
      #icons a:hover {
       background: #C93;
          display: block;
  
   }
  </code></pre>
  
  <p>How do I make the aligned next to each other?</p>
  
  <p>Thanks in advance</p>