JSFiddle - React, Tailwind, and code Playground

HTML

<div class="Test"><input type="text" class="hex" maxlength="6">
    <div class="newclass"><a href="#"><img src="http://www.nwea.org/warmup/sample_tests/_resources/img/css/closeX.png" /></a></div>
    </div>

CSS

.hex {
	width: 406px;
	height: 40px;
	font-size: 1.875em;
  	outline: none;
  	background: none;
    border: 3px solid black;
    vertical-align: middle;
    text-transform: uppercase;
    padding-left: 5px;
    transition: 1s;
}
.Test
{
 position:relative;
    width:406px;
}
.newclass
{
    height:20px;
    position:absolute;
    top:12px;
    right:0px;
    cursor:pointer;
}