JSFiddle - React, Tailwind, and code Playground

by lshettyl

HTML

<li id ="listtwo" name="listtwo" data-role="list-divider" role="heading" align="right"  class="ui-li ui-li-divider ui-bar-b ui-li-has-count ui-first-child" >
    Today
    <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>
    <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>
</li> 
<li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="c" >
    <div class="ui-btn-inner ui-li">
        <div class="ui-btn-text">
            <a class="ui-link-inherit">
                <p class="ui-li-aside ui-li-desc">
                    <span><strong>Time</strong></span>
                    <span><strong>Title</strong></span>
                    <span>Text</span>
                </p>
            </a>
        </div>
    </div>
</li>

CSS

ui-li-aside.ui-li-desc span {
    margin-right: 10px;
}