title: CSS link Spacing and Paragraph Spacing
body: <p>Here is the site:</p>
  
  <p><a href="http://wesbos.com/tf/shutterflow/?cat=1" rel="nofollow noreferrer">http://wesbos.com/tf/shutterflow/?cat=1</a></p>
  
  <ol>
  <li><p>The banner image at the side that says S&amp;S photography adds a margin of a few pixels to the bottom. This only happens when I link it to a URL.</p></li>
  <li><p>Rollover an image to see the text that is highlighted. This works great except I would like to add some padding to the end of the lines. Normal CSS padding only applies it to the start and end of the P tags. My code needs to be formatted like this: (unless someone knows how to dupe this effect with each line being a paragraph tag</p></li>
  </ol>
  
  <p>Sorry for the formatting, the editor wont let me put code on multi lines for some reason.</p>
  
  <pre><code>    &lt;p&gt;hey hows it going&lt;br/&gt; this one is&lt;br/&gt; short and this one is longer&lt;br/&gt; will this text&lt;br/&gt; &lt;/p&gt;
  
  .cover p {
      display: inline;
     color: #000;
     background-color: #fff;
     padding:5px;
  }
  </code></pre>