title: Display images in multiple rows based on div width
body: <p>I would like to display multiple rows based on div width.</p>
  
  <p>Something like that:</p>
  
  <pre><code>&lt;div style="width: 100%"&gt;
    &lt;div style="width: 300px"&gt;&lt;img src="img1.jpg"&gt;&lt;br /&gt;Image name 1&lt;/div&gt;
    &lt;div style="width: 300px"&gt;&lt;img src="img2.jpg"&gt;&lt;br /&gt;Image name 2&lt;/div&gt;
    &lt;div style="width: 300px"&gt;&lt;img src="img3.jpg"&gt;&lt;br /&gt;Image name 3&lt;/div&gt;
    &lt;div style="width: 300px"&gt;&lt;img src="img4.jpg"&gt;&lt;br /&gt;Image name 4&lt;/div&gt;
    &lt;div style="width: 300px"&gt;&lt;img src="img5.jpg"&gt;&lt;br /&gt;Image name 5&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So if layout width is 600px it will display only 2 images per row, if 900px - 3 images per row.</p>
  
  <p>Anyone have any suggestion for me?</p>