HTML 中的 div 元素可以非常方便地實現頁面布局。它可以用來劃分頁面的不同部分，并且可以對每個部分應用不同的樣式。在 HTML5 中，div 元素已經成為了 HTML 元素的主要組成部分。
在 web 開發過程中，我們可能需要在頁面中展示一些 HTML 代碼片段。為此，我們可以使用 pre 元素來展示這些代碼，而 div 元素可以用來組合這些 pre 元素。下面是一個示例：在上面的代碼中，我們首先使用了一個 p 元素來添加一些文本描述。接著，我們使用了 div 元素來組合 pre 元素，并在 pre 元素中使用了 code 元素來包裝 HTML 代碼片段。使用 code 元素可以使代碼更易于閱讀和區分。
在瀏覽器中，上述代碼將展示一個包含 HTML 代碼片段的區域。這個區域的樣式可以通過 CSS 來控制，從而使其更好地融入頁面的整體風格。
總之，使用 div 和 pre 元素可以輕松地在頁面中顯示 HTML 代碼片段。這種技術非常有用，在 web 開發中也非常常見。
以下是一個 HTML 代碼片段：
<div class="container">
<h1>Hello, world!</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>