Question

I have two span elements that I would like to stay on the same line. In FF and other browsers, my code works fine but in IE6 it breaks. Can someone please tell me what I am doing wrong?

Here is the code I am using:

<span style="font-family:Arial;text-align:left;font-size:30px;color:#06a;">
  test
</span>
<span style="font-family:Arial;float:right;font-size:12px;color:#06a;text-align:left;">
  This is the line that jumps down and needs to be brought level with the above span element.
</span>

Answer 1

you should use “float:left” on the first span.