[CSS] 將 div 水平置中

我們可以用兩個 div 來達成，c2 是我們要置中的 div， 先將要置中的 c2 用 c1 包起來，

並將 c1 的 width 和 left 都設為 50% (即頁面的一半寬度)，再將 c2 左推 50% 的寬，

若是使用絕對位置 absolute ，記得將 width 設為 100%，此時就達成置中了的效果了。

.c1
{
    position:absolute;
    width:50%;
    left:50%;
    border:2px solid blue;
}

.c2 /* relative */
{
    position:relative;
    left:-50%;
    border:2px solid red;
    text-align: center;
}

.c2 /* absolute*/
{
    position:absolute;
    left:-50%;
    width:100%;
    border:2px solid red;
    text-align: center;
}