JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="newslist"></ul>

CSS

ul.newslist {
    -webkit-column-count: 3;
    -webkit-column-width: 100px;
    -webkit-column-fill: auto;
    -moz-column-count: 5;
    -moz-column-width: 200px;
    -moz-column-fill: auto;
    background-color: #ccc;
    padding: 16px 0;
    list-style: none;
}

ul.newslist > li {
    border-top: 1px solid #000;
}

ul.newslist > li > a {
    display: block;
    padding: 4px;
    background-color: #f6b;
    text-decoration: none;
    color: inherit;
}

JavaScript

$(document).ready(function() {
    for( var i = 0; i < 24; i++ ) {
        $("ul.newslist").append("<li><a href='#'>Item " + i + "</a></li>");
    }
    $("ul.newslist > li").click(function() {
        $(this).remove();
    })
});