title: CSS - center two images in css side by side
body: <p>I am trying to center two images side by side, but for some reason it always displays the images beneath each other. Does anyone know how I could get them centered and next to each other?</p>
  
  <p>Thanks!</p>
  
  <p>HTML code</p>
  
  <pre><code>&lt;a href="mailto:olympiahaacht@hotmail.com"&gt;
  &lt;img id="fblogo" border="0" alt="Mail" src="http://olympiahaacht.be/wp-content/uploads/2012/07/email-icon-e1343123697991.jpg"/&gt;&lt;/a&gt;
  &lt;a href="https://www.facebook.com/OlympiaHaacht" target="_blank"&gt;
  &lt;img id="fblogo" border="0" alt="Facebook" src="http://olympiahaacht.be/wp-content/uploads/2012/04/FacebookButtonRevised-e1334605872360.jpg"/&gt;&lt;/a&gt;`
  </code></pre>
  
  <p>CSS code</p>
  
  <pre><code>#fblogo {
      display: block;
      margin-left: auto;
      margin-right: auto;
      height: 30px; 
  }
  </code></pre>