1、如图所示，我们在定义ul中的li的时候，直接定义了四个li，我们没有定义它们的显示方式，但预览的时候，它们是垂直方式显示出来的。
2、如果我们需要将垂直显示更改为水平显示，就需要在css样式中，添加一个li属性，在大括号中让display设定为inline.如图所示，代码display:inline;添加在css样式中。
3、回到浏览器界面，点击刷新我们的显示屏幕，每次修改代码之后，我们不需要重新打开浏览器预览，只需要在浏览器中刷新就可以看到更改后的效果了。
4、如图所示，更改后的li标签，已经由默认的垂直显示变成了水平方式显示了，四个标签水平的显示在我们的标题下方。
5、水平显示还有一种方式就是在css样式中条件display:inline-block代码，和inline模式非常像似，都是水平方式显示，只是inline-block模式会出现几个空格。
6、修改之后我们可以刷新浏览器预览更改效果，也可以重新打开一个浏览器预览效果，来对比两个不同的显示模式下，显示的网页有什么细微的差别。
