JSFiddle - React, Tailwind, and code Playground

by alexdickson

HTML

<ul>
    <li>something quite long</li>
    <li>please don't wrap on me</li>
</ul>

<p>click the box</p>

CSS

ul {
    width: 100px;
    border: 4px solid red;   
}

ul.on li {   
    white-space: nowrap;       
}

p {
    margin: 10px;
    color: green;   
}

JavaScript

var ul = document.getElementsByTagName('ul')[0];

ul.onclick = function() {

    ul.className = 'on';

};