代碼示例：

<style>
div,span{border:1px solid #000;margin:2}
</style>
<div>div1</div><div>div2</div>
<span>span1</span><span>span2</span>
<br>
<div style="display:inline">div3</div>
<div style="display:inline">div4</div>
<span style="display:block">span3</span>
<span style="display:block">span4</span>

技巧：有些朋友會說DIV是層標簽，其實HTML里是沒有層這個說法的，只不過是為了易于理解，Dreamweaver里才這樣寫的，每個對象都可以成為“層”，只需要給對象定義position屬性(值為absolute或relavite)。例如，要讓圖片成為“層”，可以這樣寫代碼：

<img src="demo.gif" style="posibion:absolute;left:20;top:20">

特別提示
本例代碼運行效果如圖2.1.6.3所示，為了更能說明問題，這里給塊元素和內(nèi)嵌元素都加了1像素寬的黑色實線邊框，從圖中可以看到，DIV默認為塊元素，定義display屬性值為inline后以內(nèi)嵌元素顯示，而SPAN默認為內(nèi)嵌元素，定義display屬性值為block后則以塊元素顯示。

圖2.1.6.3 塊元素與內(nèi)嵌元素的相互轉(zhuǎn)化