JSFiddle - React, Tailwind, and code Playground

by Josh Eastburn

HTML

<div class="items">
    <div>Item 1</div>
    <div>Item 2</div>
    <div><span class="subitem">Item 3a</span>  <span>Item 3b</span>
    </div>
    <div>Item 4</div>
    <div>Item 5</div>
    <div>Item 6</div>
</div>
<div>Item A <span class="subitem">Item A2</span>
</div>
<div>Item B</div>
<div>Item C</div>

CSS

div span {
    margin-left: 20px;
}

JavaScript

Example = (function () {
    var deferred = $.Deferred();

    setTimeout(function () {
        deferred.resolve();
    }, 5000);
    
    // set subitem green when promise is resolved
})();