I have some text and <span> tag, which are inside a <div>.

<span> is float: right; I need the text to be on the left side and <span> on right side.

In every browser it displays perfectly except ie7. How can I fix this bug?

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title> Testing page</title>
    </head>
    <body>
        <div style="border:2px solid #000; display:inline;"> 
            welcome<span style="float:right"> demo</span>
        </div>
    </body>
</html>
html css internet-explorer-7 css-float
Edit
Report