css - 如何连续有3个部分

Question

好的，这就是我的..

         <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 -->  

好吧，现在我不明白如何将这 3 个部分排成一行。我试过 display: inline-block;等等似乎没有任何效果。我需要定位 css 文件或 img 中的部分吗？或两者？帮助!大声笑谢谢:)

好的 iv 在您的帮助下设法做到了。我现在如何将它们居中？

Answer 1

你可以尝试这样的事情:

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

你可以在这里看到它http://jsfiddle.net/Phenix/Mwtdb/