要點：
塊狀元素前后元素會換行
行內元素前后元素不會換行

第一：行內元素與寬度
寬度不起作用

span {
width:200px;
}

沒有變化

第二：行內元素與高度
高度不起作用

span{
height:200px;
}

沒用變化

第三：行內元素與padding,margin

span{
padding:200px;
}

影響左右，不影響上下

如何實現

<ul>
<li>第一</li>
<li>第一</li>
<li>第一</li>
</ul>

中的li在同一行顯示并有上下邊距呢,
如果用display:inline，可行讓其在一行內顯示，但上下padding不起作用。
所以這種情況下用float:left;使其在一行內顯示，并且其還是block元素，可以用
padding使與上下padding起作用，差生一定距離