You got the space, because the div
with floating right is more height than one line of text. So it takes two lines.
If the div
should stay on his on line, wrap the text in a new div and set clear=both
on it.
Here is an example: http://jsbin.com/hujax/1/
Update follow the conversation in comments:
If you do not want change the markup, you could use position:ablsolute
on your div
and position it with top:1em
(or what ever you want) and right:0
.
Also the container of the text and headline need the style: position:relative
.
here is and example: http://jsbin.com/hujax/4/
update
with negative margin-bottom
you can reduce the needed height of your div
.