title: Image gallery without borders?
body: <p>I have been trying to do an image gallery for my portfolio but I want them images without borders and next to each other both horizontally and Vertically. Unfortunately All my attempts have been unsuccessful. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.portfolio {
    height: 1250px;
    width: 80%;
    margin: 0 auto;
    background-color: #CF9;
  }
  #thumbs {
    width: 20%;
    height: 50px;
    color: #090;
    float: left;
    font-size: 0px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="portfolio"&gt;
    &lt;div id="thumbs"&gt;
      &lt;a href="http"&gt;
        &lt;img src="thumb.png"&gt;
      &lt;/a&gt;
    &lt;/div&gt;
    &lt;div id="thumbs"&gt;
      &lt;a href="http"&gt;
        &lt;img src="thumb.png"&gt;
      &lt;/a&gt;
    &lt;/div&gt;
    &lt;div id="thumbs"&gt;
      &lt;a href="http"&gt;
        &lt;img src="thumb.png"&gt;
      &lt;/a&gt;
    &lt;/div&gt;
    &lt;div id="thumbs"&gt;
      &lt;a href="http"&gt;
        &lt;img src="thumb.png"&gt;
      &lt;/a&gt;
    &lt;/div&gt;
    &lt;div id="thumbs"&gt;
      &lt;a href="http"&gt;
        &lt;img src="thumb.png"&gt;
      &lt;/a&gt;
    &lt;/div&gt;
    &lt;div id="thumbs"&gt;
      &lt;a href="http"&gt;
        &lt;img src="thumb.png"&gt;
      &lt;/a&gt;
    &lt;/div&gt;
    &lt;div id="thumbs"&gt;
      &lt;a href="http"&gt;
        &lt;img src="thumb.png"&gt;
      &lt;/a&gt;
    &lt;/div&gt;
    &lt;div id="thumbs"&gt;
      &lt;a href="http"&gt;
        &lt;img src="thumb.png"&gt;
      &lt;/a&gt;
    &lt;/div&gt;
    &lt;div id="thumbs"&gt;
      &lt;a href="http"&gt;
        &lt;img src="thumb.png"&gt;
      &lt;/a&gt;
    &lt;/div&gt;
    &lt;div id="thumbs"&gt;
      &lt;a href="http"&gt;
        &lt;img src="thumb.png"&gt;
      &lt;/a&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="http://www.adhemas.com/" rel="nofollow">http://www.adhemas.com/</a> is kind of what I'm trying to achieve, except my images are all the same size (although I would not mind a how to make them different sizes but still stacked)</p>