사진 4개일 때 예시인데 

html에서

<div style="float:left;width:25%;"><img src="//img.theqoo.net/img/Grbji.png" width="589" height="418" alt="Grbji.png" /></div>

<div style="float:left;width:25%;"><img src="//img.theqoo.net/img/Grbji.png" width="589" height="418" alt="Grbji.png" /></div>

<div style="float:left;width:25%;"><img src="//img.theqoo.net/img/Grbji.png" width="589" height="418" alt="Grbji.png" /></div>

<div style="float:left;width:25%;"><img src="//img.theqoo.net/img/Grbji.png" width="589" height="418" alt="Grbji.png" /></div>

<div style="clear:both;"></div>

이렇게 쓰면 4개는 사진 넣는 영역 정의+사진 넣는 거고 마지막은 병렬해제하는 태그임

너비는 4개라서 100/4=25%로 설정한 거임 n개로 나눠서 쓰면 됨ㅋㅋㅋ