title: HTML5 Horizontal Image Placement
body: <p>I am fairly new to HTML5 so this will maybe seem like a simple question although I haven't found an information about this online.  It appears as though most cases where people want to do this they use a table (but I understand that is not a good idea anymore)</p>
  
  <p>In my header area I need to place several images side by side. They should be justified so there is space between the images and each image is in the right place. I have an appropriately sized header block in place but for the life of me can't figure out how to arrange the images inside it correctly.</p>
  
  <p>The images should be layed out like this: 
  (http://imageshack.us/photo/my-images/339/tmpyg.jpg/)</p>
  
  <p><a href="http://imageshack.us/photo/my-images/339/tmpyg.jpg/" rel="nofollow">layout</a></p>
  
  <p>I have tried this:</p>
  
  <pre><code>&lt;header&gt;
  &lt;img src="ICUWB.jpg" alt="ICUWB" height="100" width="250"/&gt;
  &lt;img src="Logo.jpg" alt="ICUWB" height="250" width="250"/&gt;     
  &lt;/header&gt;
  </code></pre>
  
  <p>But I am not sure what needs to go in the css region i guess</p>
  
  <pre><code>header {
      background: #3d3837;
      margin: 0 auto;
  }
  </code></pre>
  
  <p>Thanks for the help.</p>