Display:block是我们常用的，block也是Display默认的值。
解释：该对象随后的内容自动换行。
Display:inline,我们常常在li中使用它。功能是让li排成一排（称：删除行）。
接下来我们以一个未设置li列表与一个设置css Display inline样式对比实例演示演示。
Css代码
ul.divcss5 li{display:inline}
解释：ul.divcss5对应li css样式属性为display:inline
Html对应代码：
结果图：
说明：设置css为display:inline的li对象，li被排成一排，而未设置的li列表对象仍然继承原来自身独占一行的CSS样式。
拓展：
CSS颜色值的写法
CSS[1]在描述颜色的时候，除了使用英文单词 red，我们还可以使用十六进制的颜色值 #ff0000：
p { color: #ff0000}
为了节约字节，我们可以使用 CSS 的缩写形式： p { color: #f00}。
我们还可以通过两种方法使用 RGB 值：p { color: rgb(255,0,0)} p { color: rgb(100%,0%,0%)}。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>景安网络</title>
<style type="text/css">
li{ display:inline}
</style>
</head>
<body>
<li>11</li>
<li>111</li>
<li>11</li>
</body>
</html>
使用display:inline将li转换为行内元素即可
