Переместите текст в

в конец ширины

только с помощью CSS

У меня есть строка в элементе <p>с фиксированной шириной, которая выглядит так:

<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>

Я пытаюсь переместить −"-" в правый конец строки, а остальную часть текста выровнять по левому краю -. Мне нужно сделать это только с помощью HTML и CSS (, желательно не с помощью CSS3 ), потому что я делаю мокап. Я чувствую, что есть способ сделать это, но я не могу придумать, что это будет.

Любая помощь будет оценена по достоинству.

Спасибо.