IE7: element does not float

Question

I am trying to swim to the right within the h2 element. In IE8 and Firefox, this works great; in IE7 it does not float.

HTML:

<h2>
    <span id="spanA"> /*Should be floated to the right*/
    <span id="spanB">
    <span id="spanC">
</h2>

CSS:

#spanA{
    float: right;
}

Any ideas on what might be wrong?

Answer 1

The span tag is an inline element, not a block level element. Thus, it does not float when rendering in accordance with the specification. Have you tried adding display: block; in css for #spanA?

Answer 2

<h2>
    <span id="spanA"> /*Should be floated to the right*/
    <span id="spanB">
    <span id="spanC">
</h2>

add this css:

h2 #spanA
{
float:right;
clear:right;    
}

Answer 3

, this Ie7 ?

Answer 4

position:absilute right:0;

, , .