html中怎樣讓多個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標簽變成橫排顯示。