css3 columns without cutting paragraphs

Question

Im trying to set a series of in a column layout. Ive been trying with CSS3 but it cuts the elemens in half. Heres an example:

http://jsfiddle.net/zh9zq/

Is it possible to have the columns not cut certain elements in half? Thanks

Answer 1

Solution found:

-webkit-column-break-inside:avoid;
-moz-column-break-inside:avoid;
-o-column-break-inside:avoid;
-ms-column-break-inside:avoid;
column-break-inside:avoid;