li標簽通常用于HTML中的列表元素，它表示列表中的每個項目（list item）。li標簽默認是垂直顯示的，即每個列表項都位于前一個列表項的下方，創建垂直列表（垂直布局）。

要讓li標簽橫向顯示，可以使用CSS來控制它們的布局。以下是一種簡單的方法來實現橫向排列的li標簽：

HTML結構：

  
項目1
  
項目2
  
項目3

CSS樣式：

.horizontal-list {  list-style-type: none; /* 移除默認的列表樣式 */  padding: 0; /* 移除默認的內邊距 */}.horizontal-list li {  display: inline; /* 讓列表項橫向排列 */  margin-right: 10px; /* 可選：設置項目之間的間距 */}

以上的代碼中，給ul元素添加了一個類名”horizontal-list”，然后使用CSS來控制這個類名下的li元素的布局。具體步驟如下：

1、使用list-style-type: none;移除默認的列表樣式，以去除項目符號（例如圓點或數字）。

2、使用 padding: 0; 移除默認的內邊距，確保列表項之間沒有額外的間距。

3、在li元素上應用 display: inline; 樣式，這將使它們橫向排列，每個項目都位于前一個項目的旁邊。

4、可選：使用 margin-right 設置項目之間的間距，以使它們看起來更合適。

按照以上的方法，你的元素將以橫向布局顯示在同一行上，根據你的需求，可以進一步自定義樣式以滿足你的設計要求。