html中讓多個li標籤橫排顯示的方法：

1.利用DW，新建一個Html頁面。

2.在body裡面輸入影片中所示程式碼，這時看到預設的樣式是這樣的。

3.編輯li標籤的css樣式，float,left代表的是元素所對齊，這樣li標籤就可以橫排顯示了。

4.list-style，none用來去除li標籤前面的小圓點，然後可以看見最終樣式。

1、新建一個txt文件，將文件修改為“demo.html”的html檔案，如下圖所示。

2、用Sublime編輯器將html檔案開啟，完善html5標準化程式碼，如下圖所示。

3、在body標籤內，編寫一套ul li無序列表標籤，程式碼如下圖所示。

4、用瀏覽器開啟html頁面，可以看到li標籤預設情況是豎排顯示（li為塊級元素），如下圖所示。

5、我們可以透過為ul標籤下所有li標籤設定樣式“display: inline-block”的方式，讓多個li標籤橫排顯示。

6、重新整理介面後，可以發現li標籤變成橫排顯示。

1、利用Dreamweaver新建一個html頁面。

2、在body裡面輸入程式碼

<ul>

<li>你好</li>

<li>小魚</li>

<li>小小</li>

</ul>。

3、預設的樣式是這樣的。

4、編輯li標籤的css樣式。

5、float:left代表的是元素左對齊。這樣li標籤就可以橫排顯示了，list-style:none用來去除li標籤前面的小圓點。