I have a line in a \[code\]<p>\[/code\] element with a fixed width that looks like this:\[code\]<p class="line">To be, or not to be, <span class="variant">that is the question,</span><span class="variant right"> <b>−</b> </span></p>\[/code\]I am trying to move the \[code\]−\[/code\] "-" 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.