HTML中經常使用左右橫向條來完成頁面布局，這種條狀元素有較好的可擴展性與可重用性，同時也為用戶提供了更好的視覺體驗。

<div class="container">
<div class="left-bar">
左邊條的內容
</div>
<div class="right-bar">
右邊條的內容
</div>
</div>

上述代碼中的container類是最外層容器，它包含了整個頁面的內容。而左右條的類名分別為left-bar和right-bar，它們都在容器中作為子元素存在。通過CSS樣式的設計，我們可以控制它們的大小、顏色等屬性。

在實際開發中，我們可能還需要在左右條中添加更多內容，比如按鈕、圖片等等。這時候，腳手架或者css框架都將會成為我們最好的伙伴，例如Bootstrap、Foundation等等。