在 HTML 中，我們可以使用代碼控制元素的布局、樣式和功能。在這里，我們來介紹一下如何使用 HTML 控制元素在頁面中的左右布局。

<div style="width: 50%; float: left;">
<p>這是左側內容</p>
</div>
<div style="width: 50%; float: right;">
<p>這是右側內容</p>
</div>

如上面的代碼所示，我們可以使用 div 元素來分離頁面中的左右部分。其中，用 style 屬性指定 div 元素的寬度和浮動方向。我們將左側內容的 div 元素設置寬度為 50%，并讓其左浮動。

同時，我們將右側內容的 div 元素設置寬度同樣為 50%，但是讓其右浮動。這樣，左右兩部分的 div 元素就不會在同一行顯示，而是各自占據頁面的一側。

通過代碼控制元素的左右布局，我們可以設計出更加豐富、靈活的頁面。其中，需要注意的是，左右布局需要保證左側和右側的寬度相等。如果設置不當，可能會導致布局錯亂，影響頁面的整體效果。