Wrapping a word using CSS after n number characters or pixels

Viewed 4671

I am using this link. http://lodev09.github.io/bootstrap-suggest/

On this page, when you start typing with @ characters in the first textbox, system shows a dropdown with certain values. I want to ensure, after every 20 characters system should wrap the text in the next line.

I tried adding following style to <li> tag but it did not helped.

word-wrap:break-word;
max-width:30px;
2 Answers
Related