Question

I have got a div with words seprated by a comma. How can i arrange them so there is four words per line?

edit: the words are dynamically generated

Answer 1

Using jQuery to simplify access to the DOM:

var content = $('#mydiv').text();              // get current content from the page
var words = content.split(',');                // break into words
for (var i = 3; i < words.length; i += 4) {    // every fourth word (but not the first)
    words[i] += '<br>';                        // append <br>
}
content = words.join(' ');                     // and rejoin with spaces
$('#mydiv').html(content);                     // and put it back in the page

NB: I’ve used .html() to write the contents back out otherwise the <br> tags won’t be rendered properly.