html中列表去原点及水平横向放置

代码如下：

运行效果如下：

float:left表示左浮动，是水平放置的关键；设置成右浮动也是可以的，不过会出现在右侧
注意：设置成ul浮动没有效果，必须ul里面的li浮动。
margin-right增加右边距，使标签看起来均匀有距，得体，如果不设置则会挤在一块
list-style-type:none表示列表前面没有标记如默认的圆点。