How to prevent column break within an element?

Consider the following HTML: <div class=”x”> <ul> <li>Number one</li> <li>Number two</li> <li>Number three</li> <li>Number four is a bit longer</li> <li>Number five</li> </ul> </div> and the following CSS: .x { -moz-column-count: 3; column-count: 3; width: 30em; } As it stands, Firefox currently renders this similarly to the following: • Number one • Number three bit longer … Read more