<script type="text/Javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/Javascript">
$(document).ready(function() {
for( var i = 0; i < 24; i++ ) {
$("ul.newslist").append("<li><a href='#'>Item</a></li>");
}
$("ul.newslist > li").click(function() {
$(this).remove();
})
});
</script>
<style type="text/css">
ul.newslist {
-webkit-column-count: 5;
-webkit-column-width: 200px;
-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;
}
</style>
<ul class="newslist"></ul>