컨테이너 사업부 여기

Question

내 사업부를 중심하려는 시도는 내 CSS의 :

#main { 
    background: #eae8dc; 
    margin: 0 auto; 
    width: 790px; 
    height: 900px; 
    position: relative; 
    display: block; 
} 
#header-container { 
    display: inline-block; 
    height: 118px; 
    width: 648px; 
    background: #9ed5de; 
    margin: 11px auto; 
} 

여기

<div id="main"> 
    <header> 
    <h1 id="header-container"> 
    </h1> 
    </header> 
</div> 

이 질문은 내 마진 문제를 해결하는 데 도움이 있었다 HTML이하지만 지금은없는 것 헤더 컨테이너를 가운데에 맞 춥니 다. Why does this CSS margin-top style not work?

Answer 1

텍스트 정렬 당신이 그것을 중심 도움이 될 것입니다

#main { 
    background: #eae8dc; 
    margin: 0 auto; 
    width: 790px; 
    height: 900px; 
    position: relative; 
    display: block; 
    text-align: center; 
} 
#header-container { 
    display: inline-block; 
    height: 118px; 
    width: 648px; 
    background: #9ed5de; 
    margin: 11px auto; 
} 

다음은 JS 바이올린 http://jsfiddle.net/RBkmv/

Answer 2

이 나쁜 연습을합니다. 요소가 아닌 header 요소의 스타일을 지정해야하며 요소는 h1이 아닙니다. See example

#main { 
    background: #eae8dc; 
    margin: 0 auto; 
    width: 790px; 
    height: 900px; 
    position: relative; 
    display: block; 
    text-align: center; 
} 
header { 
    display: inline-block; 
    height: 118px; 
    width: 648px; 
    background: #9ed5de; 
    margin: 11px auto; 
} 

이 방법은 당신의 CSS 코드가 작동합니다.