JSFiddle - React, Tailwind, and code Playground

by chrischilcoat

HTML

<div id="user336" class="module   user336MicroProfileContainer ui-state-disabled">
  <ul class="ui-yakawidget-list-inline ui-helper-clearfix">
    <li>
      <div class="media">
        <div class="media-left ybx-ToggleProfile" id="microProfileDiv1ArrowLink" style="display:"></div>
        <div class="media-left">
          <div class="ybx-ToggleProfile" id="icon336USER"><img src="https://yakabod.yakabox.com/images/userupload/user/icon_336.jpg?v=20190403" border="0" alt="Object Icon" style="cursor:pointer"></div>
        </div>
        <div class="media-body">
          <div class="media-heading" style="word-break: break-word;"><a href="/common/getObject.html?urn=vne:www.yakabod.com:user:336&amp;hash=5dc7b236b1f720ae2d42df10067d830aade1fdef930c708ffab7ec12f3ed7d19" class="ybx-ToggleProfile">Amber White <span style="color:gray">(Inactive)</span></a></div>
        </div>
        <div class="media-right"> <small style="white-space:nowrap">2015-02-06</small> <span class="ui-state-active sortDate" style="display: none;border:0; background:none">20150206092404</span> </div>
      </div>
      <div id="microView1_user336" style="display:none;">MORE INFO HERE</div>
    </li>
  </ul>
</div>