title: display p html tag on right top corner
body: <p>I am trying to display a p tag with count-names class on the right top corner. I do not want to use <code>margin-top: -20px</code>. Is there any other proper way to put it where I want to display?</p>
  
  <p>Here is my code <a href="http://jsfiddle.net/yRNTy/1/" rel="nofollow">code here</a></p>
  
  <p>html code</p>
  
  <pre><code>&lt;p&gt;First name: &lt;input id="name" /&gt;&lt;/p&gt;
  &lt;p&gt;First name capitalized: &lt;strong&gt;NAME&lt;/strong&gt;&lt;/p&gt;
  &lt;p class="count-names"&gt;1&lt;/p&gt;​
  </code></pre>
  
  <p>css code</p>
  
  <pre><code>.count-names {
      float: right;
      top: 0;
  }​
  </code></pre>