텍스트의 고정 공백 설정

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'모두 당신이 그들을 필요로 수직으로 맞 춥니 다.