HTML4中的节标记未创建对齐列

Question

我使用文章和部分标签创建了十年的电影列表。问题是：第二行和第三行完全对齐，而第一行略微偏离。这是我的代码：

<article id="movies">

<section>
<h3>Three Weeks (1924)</h3>
</section>

<section>
<h3>Leatherstocking (1924)</h3>
</section>

<section>
<h3>Wild Horse Mesa (1925)</h3>
</section>  

</article>

看起来如下：

我把它包裹在div标签中。我查看了代码，一切都检查好了

TIA

Answer 1

请Run code snippet。并看到结果。根据我的理解，我创建了这个演示。

section { float:left; width:33.33%; background:green }

<article id="movies">

<section>
<h3>Three Weeks (1924)</h3>
</section>

<section>
<h3>Leatherstocking (1924)</h3>
</section>

<section>
<h3>Wild Horse Mesa (1925)</h3>
</section>  

</article>