HR是指分割線，我們在網頁設計中經常會使用到它，來區分頁面不同內容的部分。而對于HR的對齊問題，在CSS中我們可以通過控制margin和padding來進行調整。

hr {
margin: 0;
padding: 0;
}
hr.align-left {
margin: 0 0 20px 0;
}
hr.align-right {
margin: 0 0 20px auto;
}
hr.align-center {
margin: 0 auto 20px auto;
width: 50%;
}

上述代碼中，我們通過設置hr的margin和padding為0，然后分別定義了幾個class來控制HR的對齊位置。其中，align-left表示左對齊，align-right表示右對齊，而align-center表示居中對齊。

使用這些class時，我們只需要在HR標簽中加入對應的class即可：

<hr class="align-left">

需要注意的是，當HR的對齊方式為左對齊和右對齊時，我們還需要將HR的寬度設置為100%。

hr.align-left,
hr.align-right {
width: 100%;
}

這樣就可以完美調整HR的對齊位置了。