title: How can I specify distance between list items?
body: <p>I want to set a distance of 20px between every single list.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="folio"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;img src=""&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src=""&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#folio { width:1200px; }
  #folio ul li { width:588px; height:273px; display:inline-block; background:#cf5b6f; border:1px solid #8e1028; list-style:none; }
  </code></pre>
  
  <p>How can I do this?</p>