div區塊置中

原以為只要將div設定成text-align設為center即可，測試之後發現不行，只有內容置中，這不是我所想看見的。

google一下發現必須設定
margin: 0 auto; （上下邊界0，左右隨瀏覽器自動調節）
width: xx ;
或是
position:relative;
left:50%;
margin-left: -( 1/2 div區塊寬度) px ;
width:（div區塊寬度）;