HR對齊方式是一種常見的排版技巧，用于將文本對齊到指定的水平位置。在CSS中，可以使用`#hr`標簽來實現HR對齊方式。

下面是一個示例HTML結構，其中包含多個標題，每個標題都使用了HR對齊方式：

```html

<h1>標題1</h1>

<h2>標題2</h2>

<h3>標題3</h3>

<h1>標題4</h1>

<h2>標題5</h2>

<h3>標題6</h3>

在這個示例中，`<hr>`元素將文本對齊到水平位置0，因此第一個和第三個標題對齊了。第二個標題對齊了比第一個標題稍微靠后的位置，因為第二個標題的文本長度比第一個標題長，所以需要靠后一些。對于其他標題，它們對齊了與第一個標題相同的位置。

要使用HR對齊方式，只需要在CSS中為`#hr`元素設置以下屬性：

```css

#hr {

clear: both;

width: 0;

height: 0;

這個屬性將清除`#hr`元素中的任何內容，并將其設置為0寬度和0高度。這樣，`#hr`元素中的文本就會按照它們在HTML中的位置對齊。

需要注意的是，如果HTML中的文本過長，那么HR對齊方式可能會使文本看起來不夠清晰。在這種情況下，可以考慮使用其他排版技巧，如縮進或斜體，來使文本看起來更加清晰。

HR對齊方式是CSS中一種簡單但有效的對齊方式，可以輕松地對齊文本，并在需要時使用。通過使用`#hr`標簽和`clear: both`屬性，可以輕松地實現HR對齊方式。