CSS是網頁構建中非常重要的一部分，它可以控制網頁中的各個元素的樣式和布局，其中元素的頂部對齊也是CSS中一個很重要的問題。

我們首先看一下默認情況下元素的頂部對齊及如何解決這個問題。

<div>
<span>Hello</span>
<span>World</span>
</div>

使用默認樣式，我們可以看到這兩個span元素不是頂部對齊的。

為了解決這個問題，我們可以使用flex布局來實現元素的頂部對齊。

<div class="container">
<span class="item">Hello</span>
<span class="item">World</span>
</div>

使用flex布局，我們可以看到這兩個span元素已經頂部對齊。

通過這個例子，我們可以看到CSS的強大功能，同時也可以學習到靈活運用flex布局的技巧。