title: How to resize all div images to a particular size?
body: <p>I have many image <code>divs</code> in a page. How do I resize all those images to a specific size (thumbnail size)? Currently all images shows their original big size. Is there a way to resize those <code>divs</code> images without changing the image tags inside those <code>divs</code>, preferably using CSS?</p>
  
  <pre><code>&lt;div class="ItemLeft"&gt;
  
  
    &lt;div class="Clipping"&gt;        
      &lt;a class="ImageLink" href="/videos/id8" title="galaxy"&gt;
        &lt;img class="ItemImage" src="/Images/video8.jpg" alt="video 8" /&gt;
        &lt;img class="OverlayIcon" src="/Images/1.png" alt="" /&gt;
      &lt;/a&gt;
      &lt;a class="DurationInfo" onmouseover="showDuration2(this);" onmouseout="hideDuration2(this);" href="/videos/id1234"&gt;&lt;span class="Text"&gt;51:57&lt;/span&gt;&lt;/a&gt;
    &lt;/div&gt;
  
    &lt;div class="Title"&gt;&lt;a href="/videos/id8" title="galaxy"&gt;galaxy&lt;/a&gt;&lt;/div&gt;
  
    &lt;div class="VideoAge"&gt;1 daybefore&lt;/div&gt;
  
    &lt;div class="PlaysInfo"&gt; broadcast 265&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>