JSFiddle - React, Tailwind, and code Playground

by dshilkret

HTML

<div aria-haspopup="true"  href=""  aria-label="Awaiting Assignment Overdue : 1" title="Acceptance Overdue: Suspense date < Next Week  (As the OU Task Manager)"  aria-expanded="false"> 
<span class="tooltip-dt" aria-hidden="true" ng-if="::item.glyph" name="university"></span> <span ng-bind-html="::item.label">Awaiting Assignment Overdue</span>  </div>

<img class ="tooltip-dt" src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Labrador_on_Quantock_%282175262184%29.jpg/1024px-Labrador_on_Quantock_%282175262184%29.jpg" title="yellow dog"/>

CSS

.tooltip-dt{
display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #FFFFFF;
    white-space: nowrap;
    }