HTML5水平图像放置

我对HTML5还比较陌生，所以这可能看起来像是一个简单的问题，尽管我还没有在网上找到关于这方面的信息。似乎在大多数情况下，人们想要这样做，他们使用一张桌子（但我知道这不再是一个好主意）

在我的标题区，我需要将几个图像并排放置。它们应该对齐，以便图像之间有空间，并且每个图像都位于正确的位置。我有一个适当大小的标题块，但我的生活不能弄清楚如何安排里面的图像正确

图像的布局应如下所示： (http://imageshack.us/photo/my-images/339/tmpyg.jpg/)

我试过这个：

<header>
<img src="ICUWB.jpg" alt="ICUWB" height="100" width="250"/>
<img src="Logo.jpg" alt="ICUWB" height="250" width="250"/>     
</header>

---

感谢您的帮助。

使用当前标记，添加以下CSS：

header img{
  float:left;
  margin-right:5px;
}

顺便说一句，您可能最终希望为这些图像指定一个类，并在以后将其与类一起定位。

我知道您想要实现的是这样的“快照”（图像上的彩色边框只是为了更容易看到“片段”），标题为浅灰色

有几种方法可以做到这一点，第一种：
（我在标题中添加了和ID（可选））

希望这是你需要的。
问候。

---

P:。

这也是一个完美的答案。一旦我获得了足够的声誉，我就会提升（我还是太低了）。谢谢。

header img{
  float:left;
  margin-right:5px;
}

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

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; /* YOU CAN ADJUST IMAGES SPACE WITH THIS MARGINS */
}