JSFiddle - React, Tailwind, and code Playground

HTML

<div id='searchWrapper'>
    <input id='searchBox' style='width:250px; border:1px solid #cccccc; border-radius:7px 7px 7px 7px; padding:5px 28px 5px 10px; margin-top:14px; margin-left:50px;height:18px;' type='text' placeholder='Search'/><img src='http://www.q-park.ie/Portals/8/images/search-icon.png'/>
</div>

CSS

#searchWrapper {
	border-bottom: 1px solid #999999;
	height: 60px;
	background: -webkit-linear-gradient(bottom, #D9D9D9, #F2F2F2);
	background : linear-gradient( bottom, #D9D9D9, #F2F2F2); 
	background :-moz-linear-gradient( bottom, #D9D9D9, #F2F2F2);
	font-size: 14px;
	font-family: "Frutiger55Roman", "Helvetica Neue", Helvetica, Arial,
		sans-serif;
	color: #DADADA;
	width: 100%;
	box-shadow: 0 4px 2px -2px #cccccc;
	
	float: right;
	background: linear-gradient(bottom, #D9D9D9, #F2F2F2);
	background: -moz-linear-gradient(bottom, #D9D9D9, #F2F2F2);
}