行內元素、塊元素的區別
1、行內元素會在一條直線上水平排列
2、行內元素width、height設置無效，padding和margin的上下無效
2、塊元素各占一行，垂直排列，相當於末尾有<br>標簽
3、塊元素可以包含行內元素和塊元素，但是行內元素是不能包含塊元素的
下面開始上圖
首先選擇使用一個block 和inline，並給定邊框border，方便查看
對於inline設置text-align：center是無效的 后面發現設置寬度 高度也是無效的
因此引入了行內塊元素，分別設置寬度，height text-align屬性
比較margin：0 auto的效果 只對block有效，
所以在設計網頁排版的時候使一塊居中的方法是在塊元素上使用margin：0 auto，而是文本居中是在inline-block 和block屬性的標簽上使用text-align：center
