CODEWITHSUNDEEP
cssword-wrap
user2293004
user2293004

Reputation: 55

Wrapping text with columns in div

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

Upvotes: 3

Views: 8184

Answers (2)

hbear
hbear

Reputation: 97

   style="word-break: break-all;"

Use word-break to break text over

Upvotes: 0

nice ass
nice ass

Reputation: 16719

#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

Upvotes: 6

Related Questions