JSFiddle - React, Tailwind, and code Playground

by vishal pandey

HTML

<div class="magicbullets">
Nice
awesome
cool
</div>

CSS

.magicbullets {
     white-space: pre-line;
}

JavaScript

var ul=$('<ul>');
var html = $('.magicbullets').html().split('\n');
$.each(html,function(index,element){
if(element !="")
{
var li = $('<li>',{text : element});
ul.append(li);
}
});
$('.magicbullets').empty().html(ul);