Move text in <p> to end of <p> width with only CSS
===

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 &minus; "-" 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 <span> but I cannot think of what it would be.  

Any help would be appreciated.

Thanks.