Hey up, i've got what i'm hoping is a rather simple problem to fix. Basically i've got the following code and I want the date to display on the same line as the h3 but aligned to the right rather than directly after it.

However it aligns it to the right and puts it on the line below rather than inline with the title. I've tried text-align on the span as well but that makes no difference.

The only fix I can come up with is a -15px margin from the top, but i've always thought there must be better ways of doing things than using minus pixel margins.

So yeah, any help would be fantastic :)

<h3>
<a href="#">John Doe</a><span class="date">May 8, 2008</span>
</h3>

.date
color:#000000;
font-size:10px;
font-weight:normal;
float:right;
}

.h3 a
color:#454545;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

I wrote up something along the same lines (CSS Listings) for a thread on here a while back.

Although this is solved, another solution is simply to place what you wish to float before what is not floated. I use this in forms...


<label>
<input type="text" value="test"/>
Test value
</label>

label input{
float:right;
}