JSFiddle - React, Tailwind, and code Playground

by Ilya Korablev

HTML

<div id="form">
<form>
<input id="delete" type="text"/>
<input id="delete-button"  type="submit" value=""/>
</form>
</div>

CSS

#form {
width: 300px;
height: 26px;
border: 1px #333 solid;
}
#delete {
height: 24px;
width: 267px;
margin-left: 3px;
border: none;
outline: none;
vertical-align:middle;
}
#delete-button {
border-style: none;
border-color: inherit;
width: 20px;
height: 20px;
background-image:url('http://icons.iconarchive.com/icons/custom-icon-design/flatastic-1/512/delete-1-icon.png');
background-size: 20px 20px;
vertical-align:middle;
}