<a href='#' style="background-color:#cccccc; color=black; padding: 3px; margin:6px 6px 6px 6px;">AA</a>

<a href='#' style="background-color:#cccccc; color=black; padding: 3px; margin:6px 6px 6px 6px;">BB</a>

--> 其中因為 a 是 inline 物件, margin 的 Top 會被略過

若是想要保持兩個 Link在同一行, 又要有上方的 margin, 可以在外面再包一個 div

<div style="margin-top:6px;">

<a href='#' style="background-color:#cccccc; color=black; padding: 3px; margin:6px 6px 6px 6px;">AA</a>

<a href='#' style="background-color:#cccccc; color=black; padding: 3px; margin:6px 6px 6px 6px;">BB</a>

</div>

有個困擾很久的老問題:

<div id="divContent" style="border:1px solid black">ABCDE</div>

--> 寬divContent 的度隨內文變化

<div style="width:1000px"><div id="divContent" style="border:1px solid black">ABCDE</div></div>

--> divContent 的寬度會和父容器相同

原來 display 為 block 的物件的寬度都會和父容器相同, 把 display Mode 改為 inline 即可.

<div style="width:1000px"><div id="divContent" style="border:1px solid black; display:inline">ABCDE</div></div>

--> divContent 的寬度會和父容器相同

但 inline 的物件後方可能會跟了些不讓跟的東西, 所以可能要加個 <br> 比較好.