JSFiddle - React, Tailwind, and code Playground

by w3cplus

HTML

<ul class="removeTextNodes">
            <li>item1</li>
            <li>item2</li>
            <li>item3</li>
            <li>item4</li>
            <li>item5</li>
        </ul>

CSS

*{
        margin: 0;
        padding: 0;
    }
    html{
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 100.1%;/*To prevent bugs in IE and Opera */
}
    ul {
        list-style: none outside none;
        padding: 10px;
        background: green;
        text-align: center;
        font-size: 12px;
    }
    ul li {
        display: inline-block;
        *display: inline;
        zoom: 1;
        background: orange;
        padding: 5px;
    }

JavaScript

$(function(){
            $('.removeTextNodes').contents().filter(function() {
                return this.nodeType === 3;
            }).remove();    
        });