그림 12-4 실행 결과
intro 공간에 배경 이미지가 삽입되면 로고와 동물이 담긴 <div class="introWrap"> 서랍장을 브라우저 x축을 기준으로 중앙 정렬시켜야 합니다.
x축으로 중앙 정렬하는 방법에는 여러 가지가 있지만 필자는 다음 코드를 주로 사용합니다.
예제 소스 Exercise/12장/KidsGao/css/style.css
#intro .introWrap { position: relative; width: 760px; height: 516px; background-color: yellow; /* left와 margin-left 속성을 활용한 중앙 정렬 공식입니다. */ left: 50%; margin-left: -380px; }