HTML橫向平鋪是一種非常常見的技巧，可以將多個元素水平排列在同一行中。在HTML中，我們可以使用pre標簽來編寫橫向平鋪的代碼。請看下面的示例：

下面是一個使用pre標簽編寫的橫向平鋪代碼：

在上面的代碼中，我們使用了display: inline-block;和width屬性來設置每個元素的寬度，并通過background-color屬性設置了它們的顏色。這樣，我們就可以將這三個元素水平排列在同一行中。

當然，這只是橫向平鋪的一種方式，實際上還有很多其他的方法。比如，我們可以使用float屬性來讓元素浮動在同一行中。請看下面的示例：

在上面的代碼中，我們使用了float: left;屬性讓每個元素浮動在左側，并通過width和height屬性設置了它們的尺寸。這樣，在給定足夠寬度的情況下，這三個元素就可以水平排列在同一行中。

總之，HTML橫向平鋪是一種非常實用的技巧，有助于我們更好地布局網頁。如果您想學習更多關于HTML的技巧，可以查閱相關資料，或者參加相關課程。