JSFiddle - React, Tailwind, and code Playground

by Thomas Jackson

HTML

<input type="textbox" id="txtBox1" value="some text" />
<br><br>
    <div id="div1">
        <span id="span1">
            Hello
        </span> 
        <span id="span2" class="worldClass">
            world!
        </span>
    </div>

CSS

/*
#txtBox1 {
    background-color: lightblue;
    cursor: crosshair;
    border: 3px red dotted;
}*/
/*
#div1 {
    border: 2px gold groove;
    font-family: Consolas;
    font-style: italic;
    height: 65px;
}*/
/*
#span1 {
    position: relative;
    right: -30px;
    font-size: 18px;
}*/
/*
#span2 {
    position: relative;
    top: 30px;
    font-size: 18px;
}*/
/*
.worldClass {
    color: green;
    text-decoration: underline;
    text-transform:uppercase;
}
*/