title: float a <p> and <ul> element on same line
body: <p>I already read all the questions and answers that look like my problem, but i still can't seem to figure out why my piece of code is not working.</p>
  
  <p>I would really be grateful if someone could help me out.</p>
  
  <p>What I'm trying to do is to get a ul element floating after a p element.
  See the code snippet aat: <a href="http://jsfiddle.net/Y6D6p/66/" rel="nofollow">http://jsfiddle.net/Y6D6p/66/</a></p>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="gf-sosumi"&gt;
    &lt;p&gt;Copyright © 2014 Van Straten Fotografie. All rights reserved.&lt;/p&gt;
    &lt;ul class="piped"&gt;
      &lt;li&gt;&lt;a href="#"&gt;Terms of Use&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Privacy Policy&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>#globalfooter .gf-sosumi p { float: left;}
  #globalfooter ul.piped a { float:left; padding: 0 0 0 1.5em; margin-left: 1.5em; border-left: 1px solid #212121; }
  
  .piped li { float: left;}
  .piped a { float: left; border-left: 1px solid #212121; padding: 0 0 0 0.75em; margin-left: 0.75em; }
  </code></pre>
  
  <p>it results in the list on the next line in stead of after the p element.
  Any help would be really appreciated.</p>
  
  <p>Thanks.</p>