HTML5是最新的HTML標準，提供了一種非常簡單的方法設置`hr`元素的距離。這種方法使用`style`屬性來控制`hr`元素之間的距離。 下面是一些基本的HTML代碼，用于設置`hr`元素的距離：

這是第一段文字
這是第二段文字

在這段代碼中，我們使用了`style`屬性來設置`hr`元素的距離。其中，`margin-top`設置了`hr`元素頂部的外邊距，`margin-bottom`則設置了`hr`元素底部的外邊距。這些屬性的值可以是任何CSS單位，如像素、百分比或英寸。 在這個例子中，我們設置了`hr`元素的頂部和底部的外邊距都為20像素。 需要注意的是，在使用`style`屬性來設置`hr`元素的距離時，我們必須將這個屬性放在`hr`元素的內(nèi)部。如果將其放在`hr`元素的外部，它將不起作用。 如果我們想要向左或向右移動`hr`元素，可以使用`margin-left`或`margin-right`屬性。 下面是一些示例代碼，演示如何向左或向右移動`hr`元素：

這是第一段文字
這是第二段文字

在這個例子中，我們將`hr`元素向左移動了100像素。同樣地，我們也可以使用`margin-right`屬性來將其向右移動。 綜上所述，HTML5提供了一種簡單的方法設置`hr`元素的距離。我們只需要使用`style`屬性來設置`margin-top`、`margin-bottom`、`margin-left`或`margin-right`屬性即可。