header - HTML5 Horizontal Image Placement -

i new html5 maybe seem simple question although haven't found information online. appears though cases people want use table (but understand not idea anymore)

in header area need place several images side side. should justified there space between images , each image in right place. have appropriately sized header block in place life of me can't figure out how arrange images inside correctly.

the images should layed out this: (http://imageshack.us/photo/my-images/339/tmpyg.jpg/)

layout

i have tried this:

<header> <img src="icuwb.jpg" alt="icuwb" height="100" width="250"/> <img src="logo.jpg" alt="icuwb" height="250" width="250"/>      </header> 

but not sure needs go in css region guess

header {     background: #3d3837;     margin: 0 auto; } 

thanks help.

understand want achieve "snapshot" (color borders on images see "pieces" easier), header in light grey.

http://imageshack.us/photo/my-images/200/unled1ik.jpg/

there several ways this, first one:
(i added , id header (optional)).

<header id="arriba">     <img src="1.jpg" alt="1" />     <img src="2.jpg" alt="2" />     <img src="3.jpg" alt="3" /> </header> 

the css:

header#arriba {     width:960px;     height:350px;     clear:both;     margin:auto;     text-align:center;     background-color:#ccc; }  header#arriba img {     vertical-align:middle;     margin:0 2px 0 2px; /* can adjust images space margins */ } 

hope it's need.
regards.
p:.