2011-11-24 4 views
1

콘텐츠를 페이지의 중앙에 배치하고 싶습니다. 그러나, 그것은 작동하지 않는 것 같습니다.CSS로 페이지 가운데 맞추기

CSS :

 body { 
     text-align: center; 
     } 
     .velkommen { 
      text-align: center; 
      font-family: Verdana; 
      font-size: 28px; 
      width: 400px; 
      background-color: rgb(240, 255, 240); 
      -webkit-box-shadow: black; 
      border-radius: 50px 
     } 
     #links { 
      font-family: Verdana; 
      width: 300px; 
      padding: 5px 20px 5px 20px; 
     } 

HTML : 여기

<div class="velkommen">Velkommen til min hjemmeside</div> 
<div id="links">Links:<br>Random Page!</div> 

테스트는 : http://jsfiddle.net/URdTD/은 어떤 문제가

?

+0

무엇을 원하십니까? #links 내의 텍스트는 중앙에 위치해야합니다. 업데이트 된 버전을 확인하십시오. [jsfiddle] (http://jsfiddle.net/URdTD/4/) – punit

답변

7

하면 사업부에이 스타일을 추가 : 그냥 당신이 당신이 원하는 요소에 폭을 가질 필요가 기억이

margin: 0 auto; 

를 사용할 수

margin-left:auto; 
margin-right:auto; 
+0

div의 너비를 유지하고 가운데에 놓고 싶다면 어떻게해야합니까? – Grimm

+0

내 대답 편집 –

3

도 하나 개 더 라인을 제거하려면 센터.

1

당신이 중심에두고 싶은 요소에 "float : left"가있는 경우이 dosnt가 작동합니다.

내용은 이어야합니다. 1) 여백 : 0 자동; 2) 너비 : 일부 px; 3) no float

관련 문제