JSFiddle - React, Tailwind, and code Playground

HTML

<div id="contentDiv" style="width:400px;float:left; border:1px solid #000; background-color:#555;">


</div>

CSS

.message {
 
 width:90px;
 margin:3px;
 background-color:#dfdfdf;
     
}

JavaScript

$(document).ready(function()
{
    
    var tweets = new Array();
    tweets[0] = 'message <br />Test <br />hello';
    tweets[1] = 'message';
    tweets[2] = 'message <br /> text';
    tweets[3] = 'message';
    tweets[4] = 'message';
    tweets[5] = 'message';
    tweets[6] = 'message';
    tweets[7] = 'message';
    tweets[8] = 'message';
    tweets[9] = 'message';
    tweets[10] = 'message';
    tweets[11] = 'message';
    tweets[12] = 'message';
    tweets[13] = 'message';
    tweets[14] = 'message';    
    
    $.each(tweets, function(i)
    {
        $('#contentDiv').append('<div class="message"> '+tweets[i]+' </div>');
        
    });

    
    
});