title: CSS: Standardize space between thumbnails in a row
body: <p>I've got a 780px width container and I would like to fit 4 thumbnails per row (I have multiple rows).</p>
  
  <p>How do I standardize the space between the thumbnails so that the first &amp; fourth thumbnail in a row stick to the 'wall' of the container?</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;ul class="thumbnails"&gt;
      &lt;li class="card package"&gt;Image&lt;/li&gt;
      &lt;li class="card package"&gt;Image&lt;/li&gt;
      &lt;li class="card package"&gt;Image&lt;/li&gt;
      &lt;li class="card package"&gt;Image&lt;/li&gt;
      &lt;li class="card package"&gt;Image&lt;/li&gt;
      &lt;li class="card package"&gt;Image&lt;/li&gt;
      &lt;li class="card package"&gt;Image&lt;/li&gt;
      &lt;li class="card package"&gt;Image&lt;/li&gt;
     ...and so on
  &lt;/ul&gt;
  </code></pre>