<style>
.content-four{width:95%;max-width:1024px;margin:10px auto 40px auto;background:#fff;
-webkit-columns:4 210px;-moz-columns:4 210px;columns:4 210px;}
.content-four img{display:inline-block;width:240px;max-width:100%;height:auto;margin:0 0 0.75em 0;}
</style>
<h1 style="text-align:center;">چینش تصویرها در سایت بصورت ریسپانسیو</h1>
<div class ="content-four">
<img src="images/p1.jpg" alt="">
<img src="images/p2.jpg" alt="">
<img src="images/p3.jpg" alt="">
<img src="images/p4.jpg" alt="">
<img src="images/p5.jpg" alt="">
<img src="images/p6.jpg" alt="">
<img src="images/p7.jpg" alt="">
<img src="images/p8.jpg" alt="">
<img src="images/p9.jpg" alt="">
<img src="images/p10.jpg" alt="">
<img src="images/p11.jpg" alt="">
<img src="images/p12.jpg" alt="">
</div>