margin

HTML

 

 

 

 

 

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

 

 

 

 

CSS

1. CSS로 text-align을 center로 맞춰주어 사진을 가운데로 모아준다.

2. div안의 img를 width : 100px;로 맞춰주어 사진들을 동일한 크기로 만들어준다.

3. margin을 이용하여 각각의 이미지를 25px만큼 간격을 준다.

   --> margin : 박스의 바깥쪽 여백

             margin-top:25px;
             margin-left:25px;         = margin: 25px;
             margin-right:25px;
             margin-bottom:25px;
    

 

 

결과