CSS的有序列表樣式可以非常方便地用來創建項目列表或步驟列表。當需要將列表排列為水平方向時，CSS也提供了對應的樣式屬性。

要將有序列表水平排列，需要使用display屬性來改變默認的列表布局。默認情況下，列表的display值為list-item，這會使每個列表項默認為一個塊級元素，從而按垂直方向排列。改變display值為inline-block或inline可以使列表項變為行內元素，從而按水平方向排列。

ol li {
display: inline-block;
margin-right: 20px; /* 可選的列表項間距 */
}

需要注意的是，使用行內元素排列列表項會產生一些默認的空格，這通常可以通過調整列表項的間距來解決。

除了改變display屬性，還可以使用float或flexbox來達到水平排列的效果。

ol {
display: flex;
justify-content: center; /* 可選的水平居中 */
}
ol li {
margin: 0 10px; /* 可選的列表項間距 */
}

總之，CSS提供了多種方式來實現有序列表的水平排列，開發者可以根據需要選擇最適合的方式。