CSS是一種樣式表語言，非常適合用于控制HTML文檔的樣式和布局。其中，控制li元素的位置是CSS的一個重要應用，可以通過一些技巧讓li元素呈現出想要的排列方式。

/* 將li元素按照橫向排列 */
ul {
display: flex;
flex-wrap: wrap;
}
/* 將li元素按照豎向排列 */
ul {
display: flex;
flex-direction: column;
}
/* 將li元素居中顯示 */
ul {
display: flex;
justify-content: center;
align-items: center;
}
/* 讓li元素之間有一定的距離 */
ul {
display: flex;
justify-content: space-between;
}

以上是一些常用的CSS代碼，其中，使用flex布局是比較方便的一種方式。可以通過設置flex的屬性來控制li元素的位置和排列方式。

當然，也可以通過設置li元素的float、position、margin等屬性來控制其位置，但是相對于使用flex布局來說，思路會比較復雜，代碼量會比較大。因此，建議在掌握flex布局的基礎上使用。