CSS에서 html5로 가운데 맞춤 바닥 글 콘텐츠

Question

웹 사이트를 HTML5로 다시 작성하고 있으며 바닥 글의 내용을 가운데에 배치하는 데 문제가 있습니다.

내 바닥 글 HTML은

<footer> Copyright </footer> 

매우 간단하고, CSS는

footer { 
    margin: auto; 
    height: 330px; 
    background-color: #1e2127; 
    color: #ffffff; 
} 

하지만 콘텐츠는 페이지의 나머지 부분을 중심으로하지 않습니다.

무엇이 누락 되었습니까?

편집 : (그래서 페이지의 나머지 부분과 정렬됩니다),하지만 난 배경이을 작성하려면 바닥 글 안의 텍스트 만 바닥 글이 자기 중심 싶지 않아
전체 페이지.

footer { 
    margin: auto; 
    width: 960px; 
    /* other styles */ 
} 

Answer 1

를 원하는 것입니다 text-align:center이 누락되어 컨텐츠 센터가 정렬됩니다. 그런

Answer 2

희망은 당신이 나는 경우 margin: auto;가 자동으로 중앙에 지정된 폭을 필요로하는, 당신은 바닥 글의 좌우 중앙한다고 가정 demo

footer { 
    margin: auto; 
    height: 330px; 
    background-color: #1e2127; 
    color: #ffffff; 
    text-align:center; //to align the text in center 
}​ 

Answer 3

당신은이

Answer 4

설정 떨어지게 :

<footer><span>Copyright<span></footer> 

과 CSS :

footer { 
    margin: auto; 
    height: 330px; 
    width: 100%; 
    background-color: #1e2127; 
    color: #ffffff; 
} 

footer span { 
    display:block; 
    width: 50%; 
    margin: 0 auto; 
    text-align: center; 
} 

Answer 5

footer { 
    margin: 0 auto; 
    height: 330px; 
    background-color: #1e2127; 
    color: #ffffff; 
} 

마진 : 부모 컨테이너가 다른 어떤 폭 이있는 경우 0 자동으로 당신이 퍼팅 시도 할 수 있습니다 작동합니다 text-align:center;

Answer 6

바닥 글에 너비를 지정하지 않았으므로 기본값으로 설정됩니다. ~ 100 %, 텍스트는 왼쪽으로 정렬됩니다. 텍스트 정렬을 추가합니다 : 가운데에 텍스트를 배치하거나 폭을 추가하여 전체 바닥 글을 가운데에 맞 춥니 다.