使用HR元素，可以轻松地创建水平对齐的网格，使文本对齐在正确的位置。HR元素靠右边，可以让文本在正确的位置靠右边对齐。
具体地，可以使用以下CSS样式来设置HR元素靠右边：
“`css
border: 1px solid #ccc;
margin: 0;
padding: 0;
width: 1px;
position: relative;
display: inline-block;
hr:after {
content: “”;
position: absolute;
bottom: -10px;
left: 50%;
width: 0;
height: 100%;
transform: translateX(-50%);
border-left: 10px solid #ccc;
上述CSS样式将HR元素的宽度设置为1像素，并将其居中。接下来，使用`:after`元素来设置HR元素靠右边的位置。该元素将占据HR元素的右侧空间，并将其设置为0宽度和100%高度，以便将其保持在正确的位置。最后，使用`transform`属性的`translateX(-50%)`来使元素移动到正确的位置。
使用上述CSS样式，可以创建一个简单的HR元素，使文本在正确的位置靠右边对齐。这样的使用方式还可以用于其他对齐场景，例如在其他容器中使用HR元素来实现对齐。