JSFiddle - React, Tailwind, and code Playground

by Brenton Strine

HTML

<div id="ruler"><p>ruler</p></div>

CSS

#ruler {
 height: 50px;
width:200px;
 position: absolute;
top: 20px;
 left: 20px;
border: dotted 1px blue;
 background: rgba(255, 255, 0, .5);   
}
#ruler p:hover, #ruler p.highlighted
{
    background:red;
    font-weight:bold;
}