JSFiddle - React, Tailwind, and code Playground

HTML

<div style="cursor:auto">cursor:auto</div>
<div style="cursor:crosshair">cursor:crosshair</div>
<div style=" cursor:default">cursor:default</div>
<div style=" cursor:e-resize">cursor:e-resize</div>
<div style=" cursor:help">cursor:help</div>
<div style=" cursor:inherit">cursor:inherit</div>
<div style=" cursor:move">cursor:move</div>
<div style=" cursor:ne-resize">cursor:ne-resize</div>
<div style=" cursor:n-resize">cursor:n-resize</div>
<div style=" cursor:nw-resize">cursor:nw-resize</div>
<div style=" cursor:pointer">cursor:pointer</div>
<div style=" cursor:se-resize">cursor:se-resize</div>
<div style=" cursor:s-resize">cursor:s-resize</div>
<div style=" cursor:sw-resize">cursor:sw-resize</div>
<div style=" cursor:text">cursor:text</div>
<div style=" cursor:wait">cursor:wait</div>
<div style=" cursor:w-resize">cursor:w-resize</div>

CSS

div {
  font-family:"Lucida Sans", "Lucida Sans Unicode";
  font-size:0.75em;    
  width:200px;
  height:50px;
  text-align:center;
  border:10px solid #eee;
  margin:20px;
  padding:20px 0;
  float:left;
}