CSS中的ul和li標簽是創建列表的標準方法。雖然默認情況下，li標簽是水平排列的，但是你可以使用CSS將列表項豎直排列。

ul {
list-style: none; /* 去掉默認的列表符號 */
margin: 0; /* 去掉默認的間距 */
padding: 0; /* 去掉默認的內邊距 */
}
li {
display: block; /* 將列表項變成塊級元素 */
margin-bottom: 5px; /* 設置列表項間距 */
}

以上代碼將ul標簽的樣式設置為不顯示默認的列表符號、間距和內邊距。接著將li標簽的display屬性設置為block，使其變成塊級元素，并設置相應的間距。

通過以上CSS樣式，我們就可以得到一個基本的豎直排列的列表。

列表項1
列表項2
列表項3

如果你想生成更漂亮的豎直排列的列表，還可以進一步添加CSS樣式。

li {
display: block;
margin-bottom: 10px;
padding: 10px;
background-color: #f2f2f2;
border-radius: 5px;
color: #333;
}
li:hover {
background-color: #ddd;
color: #fff;
}

以上CSS樣式將li標簽的內邊距、背景顏色和圓角設置為一致，使得列表項更美觀。同時，添加:hover偽類，使得當鼠標移動到列表項上時，背景色和文字顏色發生變化，提高用戶體驗。

總之，通過CSS樣式，我們可以輕松地對ul和li標簽進行豎直排列的操作，實現更加美觀的列表效果。