如何在html5中浮动部分标签

这可能是一个非常简单的问题，因此，如何漂浮 - 离开<section>标签？我尝试使用float: left;但不起作用或者是否可以将标签与其内容垂直对齐？

这是我的尝试。

html.

<div id="divcontent">
    <section>
        <h1>heyo</h1>
        <a href="dropitinmyass.html" ><p>asdasdasdasd</p></a>
    </section>
    <section>
        <h1>heyo</h1>
        <a href="dropitinmyass.html" ><p>asdasdasdasd</p></a>
    </section>
    <section>
        <h1>heyo</h1>
        <a href="dropitinmyass.html" ><p>asdasdasdasd</p></a>
    </section>
</div>

这是CSS。

#divcontent {overflow: auto; padding: 15px;}
#divcontent section {float:left; width: 300px;}

All HTML5新元素是inline默认情况下。你必须指定display:block对于所有这些，应该显示为divs.

#divcontent {overflow: auto; padding: 15px;}
#divcontent section {display: block; float: left; width: 300px;}