html (+css): denoting a preferred place for a line break

Question

Let\'s say I have this text that I want to display in an HTML table cell:

Honey Nut Cheerios, Wheat Chex, Grape-Nuts, Rice Krispies, Some random cereal with          


        

Answer 1

By using

span.avoidwrap { display:inline-block; }

and wrapping the text I want to be kept together in

 Text 

it will wrap first in preferred blocks and then in smaller fragments as needed.