padding

HTML

 

 

 

div>section>img로 6개의 사진의 주소를 복사하여 img안에 붙여넣어주었다.

 

 

 

 

 

 

 

 

 

 

 

 

CSS

 

1. div의 text-align을 center로 맞춰 가운데로 정렬시킨다.

2. div>section의 display를 inline-block로 맞추어 글자화 시켜준다.

3. padding을 30px로 하여 박스의 안쪽 여백을 넓혀준다.

     --> padding : 박스의 안쪽 여백 

                padding-top:30px;
                padding-left:30px;        =  padding:30px;
                padding-right:30px;
                padding-bottom:30px;

4. div > section > img 의 width를 200px로 맞추어

   사진의 크기를 조정해준다.

 

 

 

결과