html - html5でセクションタグをフロートする方法

Question

これは簡単な質問かもしれませんが、フロートする方法 -<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新しい要素はinlineデフォルトです。display:blocksとして表示されるはずのそれらすべてを指定する必要がありますdiv。

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

Answer 2

フロートが機能するfloat <section>ように、それが Best であったかの<div> ように与えることもできます。width

section {
  float: left;
  width: 200px;
  display: block; /* for old browsers */
}