div、h1 或 p 元素常常被稱為塊級元素（block element)。這意味着這些元素顯示為一塊内容，即“塊框”。與之相反，span 和 strong 等元素稱為“行内元素”(inline element)，這是因為它們的内容顯示在行中，即“行内框”。
塊元素的盒子模型（box model of block element)
塊級元素：塊狀元素排斥其他元素與其位于同一行，可以設定元素的寬（width），高（height）和邊距（margin,
padding)，塊級元素一般是其他元素的容器，可容納塊級元素和行内元素。常見的塊級元素有div, p ,h1~h6等。
行内元素：行内元素不可以設定寬（width）和高（height），但可以與其他行内元素位于同一行，行内元素内一般不可以包含塊級元素。行内元素的高度一般由元素内部的字型大小決定，寬度由内容的長度控制。常見的行内元素有a,
em ,strong等。
行的塊元素：如果我們即想讓一個元素可以設定寬度高度，又想讓它以行内形式顯示，這時我們可以設定display的值為inline-block.
塊級元素轉行内元素
display:inline;
行内元素轉塊級元素
display:block;
元素轉行内塊元素（inline-block)
display:inline-block;
參考：
<a target="_blank" href="http://www.w3school.com.cn/css/css_boxmodel.asp">http://www.w3school.com.cn/css/css_boxmodel.asp</a>
<a target="_blank" href="http://www.jb51.net/css/68729.html">http://www.jb51.net/css/68729.html</a>