title: Using margin / padding to space <span> from the rest of the <p>
body: <p>Ive got a block of text, and i want to write the authors name and date bellow it in small italics, so i put it in a <code>&lt;span&gt;</code> block and styled it, but i want to space the name out a little bit so i applided margin (also tried padding) to the block but it cant get it to work.</p>
  
  <p>Ive made a jsfiddle of the issue - <a href="http://jsfiddle.net/BqTUS/">HERE</a></p>
  
  <p>The html looks like </p>
  
  <pre><code>&lt;p&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa omnis obcaecati dolore reprehenderit praesentium.
  &lt;br&gt;&lt;span&gt;Author Name, Year&lt;/span&gt;
  &lt;/p&gt; 
  </code></pre>
  
  <p>The CSS</p>
  
  <pre><code>p       {font-size:24px; font-weight: 300; -webkit-font-smoothing: subpixel-antialiased;}
  p span  {font-size:16px; font-style: italic; margin-top:50px;}
  </code></pre>