html - 如何在html5中 float 部分标签

Question

这可能是一个简单的问题，所以，如何 float - 离开了 <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;}

Answer 1

默认情况下，所有 HTML5 新元素都是内联。您必须为所有它们指定 display:block，它们应该显示为 div。

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