今天的金魚都能懂網頁設計入門來到了網頁的兩大主角，
inline和block。

網頁裡面內容，
在我們寫上去以後如果沒有特殊的規範，
他就會像打字機呈現的一樣通通排在一起。

但當我們在打出
〈h1〉
〈p〉
〈div〉
等標籤的時候，
會發現就算沒有特別設定，
在網頁上也會看到基礎的排版。

像這幾種標籤的屬性便是block，
元素本身就帶有特定的格式，
當打上這個標籤，
其屬性的格式設定便會自動呈現，
例如大小、行距等等。

而有另外一些元素稍微有點不一樣，
像是
〈a〉
〈em〉
〈strong〉
這類的標籤雖然也會自帶設定，
但設定通常是在內容本身做變化（例如顏色、字體特性等等），
其內容所佔的空間則和前後文相同，
這類的屬性就是inline。

由字面上來看，
也可以理解block是一個區塊，
有它的大小、空間和內容；
inline則是歸屬在內容裡，
和大家有同樣的格式，
只是外型稍加變化。

而排版總會有多元的需求，
因此也有inline-block來滿足既想要同行連續，
又想要對區塊做特定設計的時候。

不過此時會有些小細節需要注意，
例如物件與物件間的空白格在block的時候不會有影響，
但在（用display）轉成inline的時候就會跑出來，
需要再做其他設定來消除。