CSS中的li標簽可以通過設置display屬性來控制其排列方式。默認情況下，li標簽是按照垂直方向排列的，如果想要讓它們橫著排列，就需要使用CSS進行設置。

ul {
display: flex;  /* 設置ul的display屬性為flex */
flex-direction: row;  /* 設置flex-direction屬性為row，讓li標簽橫向排列 */
justify-content: space-between;  /* 設置justify-content屬性為space-between，讓li標簽之間有間隔 */
}
li {
list-style: none;  /* 去掉li標簽的默認樣式 */
}

通過以上代碼，我們實現了將li標簽橫向排列的效果。通過設置ul的display屬性為flex，讓其成為一個彈性盒子，再通過設置flex-direction屬性為row，讓li標簽在水平方向排列。同時，我們還通過設置justify-content屬性為space-between，讓li標簽之間有間隔，更加美觀。

除了使用flex布局外，我們還可以使用float屬性來實現li標簽的橫向排列。

ul {
overflow: hidden;  /* 清除浮動，使ul標簽包含li標簽 */
}
li {
float: left;  /* 使用float屬性將li標簽向左浮動 */
}

通過以上代碼，我們實現了將li標簽橫向排列的效果。使用float屬性可以讓li標簽脫離文檔流，實現橫向排列的效果。同時，通過設置ul的overflow屬性為hidden，可以清除浮動，使ul標簽包含li標簽，讓整體布局更加穩定。