Three columns with word-wrap inside but no line-break between the elements

[Betheudog]

I am trying to achieve the following Layout:\[code\] +--------------------+ +-------------------+ +--------------------+ | Right column with | | small center with | | Right column with | | multiple lines and | | fixed width | | multiple lines and | | width of | | | | width of | | (100%-center)/2 | | | | (100%-center)/2 | +--------------------+ +-------------------+ +--------------------+ \[/code\]but with my current markup, instead of introducing line-break inside the itself the right column will move below the rest once it's content becomes too big to fit the line:\[code\] +--------------------+ +-------------------+ | Right column with | | small center with | | multiple lines and | | fixed width | | width of | | | | (100%-center)/2 | | | +--------------------+ +-------------------+ +-------------------------------------------+ | Right column with multiple lines and... | +-------------------------------------------+ \[/code\]This is my current markup:\[code\]<div style="text-align: center;"> <span style="float: left;">left</span> <span>center</span> <span style="float: right;">right</span></div>\[/code\]How can I achieve the desired layout? Thanks!