关键点：
块状元素前后左右元素会换行
行内元素前后左右元素不容易换行
第1：行内元素与宽度
宽度不起功效
span {
width:200px;
}
沒有转变
第2：行内元素与高宽比
高宽比不起功效
span{
height:200px;
}
没用转变
第3：行内元素与padding,margin
span{
padding:200px;
}
危害上下，不危害左右
怎样完成
<ul>
<li>第1</li>
<li>第1</li>
<li>第1</li>
</ul>
中的li在同1行显示信息并有左右边距呢,
假如用display:inline，可行让其在1行内显示信息，但左右padding不起功效。
因此这类状况下用float:left;使其在1行内显示信息，而且其還是block元素，能够用
padding使与左右padding起功效，差生1定间距
