HTML設置橫向方向是一種常見的頁面布局方式。通過設置布局方向，可以使得頁面的展示效果更為靈活，滿足不同需求。在HTML中，可以通過CSS樣式來設置頁面布局方向。 要實現橫向布局，首先需要在HTML文檔中添加CSS樣式代碼，使用pre標簽來添加樣式，代碼如下：

上述代碼意思是將文檔的主體元素body設置為flex布局，并且將主軸方向設置為row，即橫向方向。這樣，在body元素的子元素中添加p標簽時，子元素就會按照橫向的方向排列，示例代碼如下：

第一個段落
第二個段落
第三個段落

上述代碼會在頁面中生成三個段落元素，它們會按照橫向方向排列。如果想控制段落元素的寬度，可以添加如下CSS樣式代碼：

上述代碼即將所有的段落元素寬度設置為100px，如果想對單個元素進行寬度控制，可以為該元素添加一個類樣式，并在CSS中設置樣式代碼：

第一個段落
第二個段落
第三個段落

上述代碼即為三個段落元素分別添加了類樣式，分別控制了各自的寬度。 總之，使用HTML設置橫向方向是一種靈活多變的頁面布局方式，在實際開發中可以根據需求進行靈活運用，以達到最佳展示效果。