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编辑器。
1、首先，打开html编辑器，一个新建html文件，例如：index.html，填充问题基础代码。
2、其次，在index.html中的<style>标签中，输入css样式代码：li{padding-top: 49px}。
3、浏览器运行index.html页面，此时通过css将li标签的行距调整为了49px。
