将HTML网页的垂直显示转换为水平显示

1、如图所示，我们在定义ul中的li的时候，直接定义了四个li，我们没有定义它们的显示方式，但预览的时候，它们是垂直方式显示出来的。

3、回到浏览器界面，点击刷新我们的显示屏幕，每次修改代码之后，我们不需要重新打开浏览器预览，只需要在浏览器中刷新就可以看到更改后的效果了。

5、水平显示还有一种方式就是在css样式中条件display:inline-block代码，和inline模式非常像似，都是水平方式显示，只是inline-block模式会出现几个空格。