Question

I have a line in a <p> element with a fixed width that looks like this:

<p class="line">
To be, or not to be, 
<span class="variant">that is the question,</span>
<span class="variant right">&nbsp<b>&minus;</b>&nbsp</span>
</p>

I am trying to move the − “-” to the right end of the line with the rest of the text being left-aligned. I need to do this only using HTML and CSS (preferably not CSS3) because I am making a mockup model. I feel like there is a way to do it with but I cannot think of what it would be.

Any help would be appreciated.

Thanks.

Answer 1

In your CSS:

.right{
    float:right;
}