<div> 元素是 HTML 中最常用的標簽之一，也是用來劃分頁面的基本單位之一。它可以包裹其他 HTML 元素，并通過 CSS 進行樣式控制。本文將介紹如何使用<div> 標簽進行橫向打印。

案例一：使用 float 屬性

通過設置float屬性來實現橫向打印，將需要打印的內容包裹在 <div> 標簽中，并設置float: left;屬性。

<style>
.print {
float: left;
}
</style>
<br>
<div class="print">
<p>打印內容1</p>
</div>
<br>
<div class="print">
<p>打印內容2</p>
</div>
<br>
<div class="print">
<p>打印內容3</p>
</div>

通過設置float: left;屬性，<div> 元素會沿著橫向排列，實現橫向打印效果。

案例二：使用 display: flex 屬性

使用display: flex;屬性可以更加靈活地實現橫向打印，只需要將需要打印的內容包裹在一個 <div> 標簽中，并設置父級 <div> 容器的display: flex;屬性即可。

<style>
.print-container {
display: flex;
}
</style>
<br>
<div class="print-container">
<div class="print">
<p>打印內容1</p>
</div>
<br>
    <div class="print">
<p>打印內容2</p>
</div>
<br>
    <div class="print">
<p>打印內容3</p>
</div>
</div>

通過設置父級容器的display: flex;屬性，<div> 元素會自動排列成一行，實現橫向打印效果。

案例三：使用 display: inline-block 屬性

通過設置display: inline-block;屬性也可以實現橫向打印，將需要打印的內容包裹在 <div> 標簽中，并設置display: inline-block;屬性。

<style>
.print {
display: inline-block;
}
</style>
<br>
<div class="print">
<p>打印內容1</p>
</div>
<br>
<div class="print">
<p>打印內容2</p>
</div>
<br>
<div class="print">
<p>打印內容3</p>
</div>

通過設置display: inline-block;屬性，<div> 元素會在同一行進行排列，實現橫向打印效果。

參考文章：

1. 參考文章標題：<a >HTML div 橫向排列</a>

2. 參考文章標題：<a >如何使用 CSS 布局實現橫向排列</a>

綜上所述，通過使用 <div> 標簽以及相應的 CSS 屬性，可以實現橫向打印效果。可以根據實際情況選擇適合的方法來實現。以上是三個常用的方法，希望能對您有所幫助。