How to force html elements into one line?

I have some elements like:

    <div>
    <div style="overflow: hidden; white-space: nowrap; text-overflow:ellipsis"> 
Texttttttttttttttttttttttttttttttttttttttttttttttttttttttttt
    <div style="float: right">Float text</div>
    </div>

This will display something like:

Texttttttttttttttttttttttttttttttttttttttttttt...
                                       Float text

However I want it to be like:

Texttttttttttttttttttttttttttttttttttt...Float text

I try to use the absolute position method, but in this way, the ellipsis will not be shown.

Is there any way I can do this?