title: How to make vertical space between <p> tags smaller?
body: <p>I have this wireframe I am working from:</p>
  
  <p><a href="http://problemio.com/problemionewest.pdf" rel="nofollow">http://problemio.com/problemionewest.pdf</a></p>
  
  <p>and on the right side there is a list of categories.  I made them here using <p> tags: <a href="http://www.problemio.com" rel="nofollow">http://www.problemio.com</a> like this:</p>
  
  <pre><code>&lt;p style="color: #2e6ea4;"&gt;&lt;strong&gt;Environment&lt;/strong&gt;&lt;/p&gt;
          &lt;p style="color: #B77F37; padding-left: 80px;"&gt;&lt;strong&gt;Homelessness&lt;/strong&gt;&lt;/p&gt;
          &lt;p style="color: gray; margin-left: 20px;"&gt;&lt;strong&gt;HealthCare&lt;/strong&gt;&lt;/p&gt;
          &lt;p style="color: #2e6ea4; padding-left: 80px;"&gt;&lt;strong&gt;Business&lt;/strong&gt;&lt;/p&gt;
          &lt;p style="color: #B77F37; padding-left: 120px;"&gt;&lt;strong&gt;Relationships&lt;/strong&gt;&lt;/p&gt;
          &lt;p style="color: gray; padding-left: 80px;"&gt;&lt;strong&gt;Philosophy&lt;/strong&gt;&lt;/p&gt;                     
          &lt;p style="color: #2e6ea4; padding-left: 20px;"&gt;&lt;strong&gt;Social Issues&lt;/strong&gt;&lt;/p&gt;
          &lt;p style="color: #B77F37; padding-left: 100px;"&gt;&lt;strong&gt;Technology&lt;/strong&gt;&lt;/p&gt;
          &lt;p style="color: gray; padding-left: 50px;"&gt;&lt;strong&gt;Finance&lt;/strong&gt;&lt;/p&gt;
          &lt;p style="color: #2e6ea4; padding-left: 130px;"&gt;&lt;strong&gt;Real Estate&lt;/strong&gt;&lt;/p&gt;
  </code></pre>
  
  <p>But there is too much space between them vertically.  Is there a way to decrease the vertical space between them?</p>
  
  <p>Thanks!!</p>