➊ 서랍장 세 개를 모두 감싸는 scienceWrap 서랍장의 크기를 지정하고, left와 margin-left 속성을 적용한 중앙 정렬 공식을 사용하여 배치합니다. ➋ scienceLeftWrap 왼쪽 서랍장은 scienceWrap 서랍장을 기준으로 왼쪽 끝에 정렬되도록 float: left;을 사용합니다.

➌ scienceLeftWrap 왼쪽 서랍장 안에 비커와 글자 이미지는 margin과 padding 속성을 적용하여 배치합니다. ➍ <p> 태그에 적용된 line-height 속성은 줄 간격에 영향을 주는 속성입니다.

 

그림 14-3 왼쪽 서랍장 배치 결과