<div>是HTML中的一個重要標簽，用于定義文檔中的一個區域或一個部分。在<div>標簽中，我們可以放置各種內容，包括文字、圖片或其他標簽。一個常見的應用是用<div>標簽來組織頁面布局，將頁面分成若干個區塊。而文字和空格則是<div>標簽中的內容，本文將重點介紹如何使用<div>標簽來呈現文字和空格。
下面通過幾個代碼案例來詳細解釋如何使用<div>標簽來呈現文字和空格。
代碼案例一：

<div>
<p>這是一個<div>示例。</p>
<p>在<div>中可以放置各種內容。</p>
<p>文字和空格將會按照原樣顯示。</p>
</div>

在上面的代碼案例中，我們通過

標簽將文字放置在<div>標簽中。這樣，頁面中的文字將會按照原樣顯示，并且會被<div>標簽所定義的區域包裹。
代碼案例二：

<style>
.myDiv {
width: 200px;
border: 1px solid black;
padding: 20px;
}
</style>
<br>
  <div class="myDiv">
<p>這是一個帶樣式的<div>示例。</p>
<p>通過使用class屬性，可以給<div>標簽定義樣式。</p>
</div>

在上面的代碼案例中，我們通過添加一個class屬性給<div>標簽定義了樣式。這樣，<div>標簽將會具有名為"myDiv"的樣式。在這個示例中，<div>標簽的寬度被設置為200像素，邊框為1像素黑色，內邊距為20像素。
代碼案例三：

<div>
This is an example
    with multiple spaces.
</div>

在上面的代碼案例中，我們在<div>標簽中的文字之間插入了多個空格。在HTML中，多個連續的空格會被合并成一個空格。為了顯示多個連續的空格，我們使用了 實體字符，將每個空格都轉換為一個空格實體字符。這樣，頁面中的文字將會按照原樣顯示，并且多個空格都會被保留。
通過以上的代碼案例，我們可以看到<div>標簽的用法非常靈活，可以用于呈現各種文字和空格的顯示效果。無論是作為頁面布局的組織元素，還是作為內容區域的包裹標簽，<div>都是必不可少的標簽之一。希望本文的介紹能夠幫助讀者更好地理解和運用<div>標簽來呈現文字和空格。