CSS中有許多布局屬性，其中一些用來控制內容在頁面上的對齊方式。其中，左對齊和右對齊是兩個最基本的對齊方式，下面我們來通過使用pre標簽進行演示。 首先，我們需要先將需要對齊的內容放入pre標簽中，如下所示：

這是一段需要進行對齊的文本。

接下來，我們可以通過使用text-align屬性來實現左對齊和右對齊，如下所示：

左對齊：

這是一段需要進行對齊的文本。

右對齊：

這是一段需要進行對齊的文本。

除了text-align屬性，還可以使用float屬性來實現左對齊和右對齊，如下所示：

左對齊：

這是一段需要進行對齊的文本。

右對齊：

這是一段需要進行對齊的文本。

當然，我們也可以結合使用text-align和float屬性來實現更精確的對齊效果。比如，將文本左對齊但是圖片右對齊。

左對齊文本，右對齊圖片：

總之，通過使用text-align和float屬性，我們可以輕松地實現在頁面上的左對齊和右對齊，讓頁面更加美觀整潔。