Question

I am trying to display a p tag with count-names class on the right top corner. I do not want to use margin-top: -20px. Is there any other proper way to put it where I want to display?

Here is my code code here

html code

<p>First name: <input id="name" /></p>
<p>First name capitalized: <strong>NAME</strong></p>
<p class="count-names">1</p>​

css code

.count-names {
    float: right;
    top: 0;
}​

Answer 1

There you go:

http://jsfiddle.net/yRNTy/2/

html :

<p>First name: <input id="name" /></p>
        <p>First name capitalized: <strong>NAME</strong></p>
<p class="count-names">1</p>

css :

.count-names {
    position:absolute;
    top: 0;
    right:0;
    padding:3px;
}