行內元素與塊元素1

<dt>
塊元素在頁面內展示的效果是佔滿一行，行內元素則是其本身一小塊。</dt>
<li>但是可以通過程式碼來改變元素屬性：
例：
<ol><li>a { display:block; }
“a”展示為塊元素。

<li>div { display:inline; }
“div”展示為行內元素。

<li>a { display:inline-block; }
“a”包含兩種元素的某些特性，但在ie8以下無法使用。
inline-block 的元素既具有 block 元素可以設定寬高的特性，同時又具有 inline 元素預設不換行的特性。當然不僅僅是這些特性，比如 inline-block 元素也可以設定 vertical-align 屬性。HTML 中的換行符、空格符、製表符等合併為空白符，字型大小不為 0 的情況下，空白符自然佔據一定的寬度，使用inline-block 會產生了元素間的空隙。
————————————————————————————————————

注：<ol>
<li>行內元素的寬高設定無效，其寬高是由自身決定的。
<li>行內元素的左右padding和margin是有效的，但是上下不佔據空間。