JSFiddle - React, Tailwind, and code Playground

by arondraper

HTML

<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<input type="text" title="Enter Your First Name Here" />

CSS

body{
   padding: 25px;        
}
.tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;
 
    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}

JavaScript

$("input").tooltip({
    position: "center right"
});