html如何让＜li＞在同一行

html与css创建网页中，我们有时候想让li元素在同一行显示，像这样：

但是由于li是块元素,所以默认情况当我们使用li，它会自动换行，像这样：

为了让元素到同一行，我们需要创建css文件，并且使用float使元素变为同一行：
在css的li中添加：float:left,添加之后会变成这样：

因为没有调整padding，所以选项的文字连续在一起，并且导致项目符号重叠在文字上，这时候可以根据个人需要，调整css中的li的padding（内边距），就可以调整字体间距的大小例如添加：

之后，网页就变成了：

之后列表项就在同一行了，并且可以根据需要增减padding来增减间距，