1、利用Dreamweaver新建一个html页面2、在body里面输入代码<ul><li>你好<li><li>小鱼<li><li&。html中怎样让多个li标签横排显示？更多详情请大家跟着小编一起来看看吧！
html中怎样让多个li标签横排显示(1)
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标签前面的小圆点。
html中怎样让多个li标签横排显示(2)
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标签变成横排显示。
html中怎样让多个li标签横排显示(3)
html中让多个li标签横排显示的方法：
1.利用DW，新建一个Html页面。
2.在body里面输入视频中所示代码，这时看到默认的样式是这样的。
3.编辑li标签的css样式，float,left代表的是元素所对齐，这样li标签就可以横排显示了。
4st-style，none用来去除li标签前面的小圆点，然后可以看见最终样式。