html - CSS Liquid horizontal list -

ok, try clarify:

i have set 6 sentences of 3 6 words, eg:

some text  - text  - text  - text  - text 

this 100% width centered container.

the site working on using liquid widths content, so, @ smaller resolutions want text wrap. when 'wrap', @ smaller resolutions want this:

some some some  text text text text text text  like like like  this this this  

so want text wrap paragraph of text wrap in % width div.

i dont want text appear this:

some text  text  text 

hopefully makes more sense?

thanks

=====edit===============

i have been trying last couple of hours try , achieve , i'm give up.

it seems simple can't achieve desired effect , i'm starting wonder if it's possible.

basically, have liquid site layout , want have centered horizontal list of text wraps different resolutions:

as can see attached image, when browser @ larger resolutions want text centered @ lower resolutions wrap (each line wraps, not each block of text).

i have tried various things; display: inline, display: block, floats etc can't desired result.

hopefully makes sense.

html:

   <ul>     <li>text</li>     <li>text</li>     <li>text</li>    </ul> 

css:

ul { overflow:hidden; width:100%; } li { white-space:nowrap; float:left; }