HTML中心對準格與另一格向左

我可以通過使用CSS中心將在一個頁面容易對準1個格，HTML中心對準格與另一格向左

margin: auto;

這個偉大的工程，但我有，當我想保持這是一個問題div中心對齊，但也有另一個div在左邊。

這就是我想要的http://jsfiddle.net/E25JV/20/，但有2個div一起排隊。（我只使用div中的文本保持簡單，但實際上有一個畫布和一堆其他的東西）。

我曾嘗試將一個div浮動到左側，但我得到了http://jsfiddle.net/E25JV/21/。正如你所看到的，他們並不是完全排列在一起，而應該在中心的1格已經移到右邊。

我怎樣才能得到2 div的排隊與1 div在中心和1在左邊。

編輯：

我給的例子是隻有2格的文字，以保持它的簡單。我實際上有一個畫布在div的一個 - >http://jsfiddle.net/E25JV/38/中。

來源

2012-12-05 Jake Runzer

http://jsfiddle.net/E25JV/73/

#left { 
    font-size: 14;  
} 
#center { 
    text-align: center; 
    margin-top: -20px; 
} 
#canvas { 
    margin: auto; 
    display: block; 
    background: black; 
}

來源

2012-12-05 01:06:29

請參閱編輯 –

你不會使用在一行上兩個div獲得真正的中心。左邊從死亡左邊開始。中心從第一個div的末尾開始。實現幾乎死衚衕。 –

我編輯了我的答案，以展示如何讓他們看起來像你想要的樣子。他們在技術上並不在同一條線上，但我給了#center margin-top：-20px;把它拉高到#left的同一線高度，給人的印象是在同一條線上，儘可能接近你想要的東西，我害怕。 –

HTML中心對準格與另一格向左

回答

相關問題