爲文本設置一個固定的空白

Question

我是新來的CSS，所以我很抱歉如果這個問題有點簡單。

我有一個導航欄，坐在我的頁面的中心，有「X」的寬度

我想要做的就是我的<p>文本創建空白，因此，如果您畫了兩個垂直線;觸摸導航欄的末端，文本總是觸及垂直線 - 無論窗口大小如何。

我當前的解決方案使文本相對於窗口大小移動，而我希望我的文本與垂直軸上的導航欄對齊，同時對齊。

這裏是什麼，我想更清楚的圖片：

這是我目前的解決方案，只有當窗口大小是正確的工作：

HTML：

<p id="body"> blah blah ..... </p> 

CSS：

#body { 
    margin: 25px 310px 25px 310px; 
    text-align: justify; 
    line-height: 30px; 
} 

Answer 1

給與'p'和中心邊緣相同的寬度，就像導航欄一樣。

HTML

<div id='navbar'></div 
<p id="body"> blah blah ..... </p> 

CSS

#navbar, p { 
    width: 900px; 
    margin: 10px auto; 
} 

p { 
    text-align: justify; 
    line-height: 30px; 
} 

野老雙方你的 '導航欄' 和 'P'，你需要他們垂直對齊。