Wrapping text with columns in div

Question

How can I wrap the text inside one div with 3 columns? I tried this but its not working.

<pre>
  #about-text{float:left;word-wrap:break-word;width:100px;height:150px;}
</pre>

Example

Answer 1

#about-text{
   width:700px;
   height:200px;
   -webkit-column-count: 3;
      -moz-column-count: 3;
           column-count: 3;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px; 
}

A demo: http://jsfiddle.net/mwY5u/

Read more about columns