science 공간 왼쪽에는 자초·어성초·감초, 오른쪽에는 글리세린·올리브유에 대한 설명이 적혀 있습니다. 각 소개 문구 위에는 비커가 배치되어 있습니다. 중앙에는 자주색 깔때기와 비구름처럼 보이는 증기가 정렬되어 있습니다. 여기에서는 왼쪽, 중앙, 오른쪽으로 3등분하여 서랍장을 총 세 개 만든 다음 레이아웃 배치 작업을 진행하겠습니다.

먼저 설명 글과 이미지를 모두 담을 scienceWrap 서랍장을 생성합니다. 서랍장 안에는 왼쪽, 중앙, 오른쪽 영역의 정보를 담을 서랍장을 세 개(scienceLeftWrap, scienceCenterWrap, scienceRightWra) 더 만듭니다.

 

그림 14-2 키즈가오 science 서랍장 구조