Css 如何在一行中包含3个部分

好的，这就是我的

         <section id = "main"><!--main section -->
            <h2> Latest Work... </h2>
            <section class="examples"><a href="#"><img src="images/eg.jpg" alt="example"></a> </section>
            <section class="examples"><a href="#"><img src="images/eg.jpg" alt="example"></a> </section>
        </section><!-- end of main section -->  

最新作品。。。

好吧，现在我不明白我怎么把这三个部分排成一行。。显示：内联块；等等，似乎什么都不管用。我需要针对css文件或img中的部分吗？或者两者都有？帮助哈哈，谢谢：）

---

好的，我在你的帮助下做到了。。我现在要如何将它们居中？

我想您有一些无效的html，请改成这个

<section id = "main"><!--main section -->
            <h2> Latest Work... </h2>
            <span class="examples"><a href="#"><img src="images/eg.jpg" alt="example"></a> </span>
            <span class="examples"><a href="#"><img src="images/eg.jpg" alt="example"></a> </span>
        </section><!-- end of main section -->  

最新作品。。。

在末尾添加：

<br style="clear:both"/>

将此添加到css中。根据需要更改宽度

 h2,.examples
    { {float:left;
    margin-left:10px}}

---

您可以尝试以下方法：

​h2, .examples​ {
    float:left;
    margin: 10px;    
    display:block;
}​

---

您可以在此处看到

包含图像的部分中的部分列表。。。听起来你的语义学需要重新思考。正确的方法是什么？将图像添加到div中？我之所以将它们放在部分中，是因为它们可能都不包含图像。。我只是举个例子…啊，太好了。。gona现在就试试如果你找到了你问题的答案，我决定把这些部分改成跨距。。你知道我现在该怎么做吗？我在主要部分尝试了文本对齐。。使用区段是错误的吗？因为这些图片将展示作品的例子，所以我们认为这是3个不同的部分。。不过我不确定。。