html - CSS: how to put element next to last line of text -

i have span text inside , has max-width property. times text inside bigger max width span breaking lines. until here no problem.

but when text breaks looks element next doesnt go down aswell. here example

<span> text fine width</span> <div> div</div> output this: some text fine width div

but when text long looks that:

<span> text more max width</span> <div> div</div>

some text more div max width

and want this:

some text more max width div

i manage this:

some text more max width div

but want div next last line of text. possible via css?

in css add style element:

display: inline;