JSFiddle - React, Tailwind, and code Playground
by ryanwheale
HTML
<div class="messageBlock system" tabindex="1557775947457" uniqmsgid="1557775947457"><h5 class="messageSender" aria-hidden="true">System</h5><p class="messageTextWrapper"><span class="screenReader">System message </span><span class="messageText">Connecting...</span></p></div><div class="messageBlock cust" tabindex="1557775948388" uniqmsgid="1557775948388"><hr class="divider" aria-hidden="true"><h5 class="messageSender" aria-hidden="true">Ryan Wheale</h5><p class="messageTextWrapper"><span class="screenReader">Ryan Wheale message </span><span class="messageText">Initial Question/Comment:Refund or Replacement:Motherboard arrived with broken parts.</span></p></div><div class="messageBlock system" tabindex="1557775948392" uniqmsgid="1557775948392"><h5 class="messageSender" aria-hidden="true">System</h5><p class="messageTextWrapper"><span class="screenReader">System message </span><span class="messageText">Waiting for a Customer Service Representative…</span></p></div><div class="messageBlock system" tabindex="1557775948578" uniqmsgid="1557775948578"><p class="messageTextWrapper"><span class="screenReader">System message </span><span class="messageText">You are number (9) in queue. </span></p></div><div class="messageBlock system" tabindex="1557775970234" uniqmsgid="1557775970234"><p class="messageTextWrapper"><span class="screenReader">System message </span><span class="messageText">You are number (8) in queue. </span></p></div><div class="messageBlock system" tabindex="1557776010585" uniqmsgid="1557776010585"><p class="messageTextWrapper"><span class="screenReader">System message </span><span class="messageText">You are number (7) in queue. </span></p></div><div class="messageBlock system" tabindex="1557776050908" uniqmsgid="1557776050908"><p class="messageTextWrapper"><span class="screenReader">System message </span><span class="messageText">You are number (6) in queue. </span></p></div><div class="messageBlock system" tabindex="1557776244775"...