JSFiddle - React, Tailwind, and code Playground

by KARTHIKEYAN K

HTML

<div class="header">
		<div class="container">
			<img class="imgCls" src="http://www.allsolit.be/images/WordPressLogo.jpg" height="80px" width="280px">
			<p >Upload a theme <input type="button" value="Browse..."> <span id="inputFile">No file selected.</span></p>
			<div class="cls">Or search in wordpress</div> 
			<div class="cls"><input type="text" name="" style="height: 30px; width: 130px;"></div>
			<div class="cls"><img src="https://s1.wp.com/i/favicons/android-chrome-192x192.png" height="30" height="30"></div>
		</div>
	</div>

CSS

.header{
			width: 100%;
			height: 30px;
			background-color:black;
			position:fixed;
			top: 0px;
			bottom: 0px;
		}
		body
		{
			margin: 0px;
		}

		.container
		{
			position:absolute;
			top: 60px;
			left: 20px;
		}

		#search
		{
			width:130px;
			height: 20px;
		}

		.cls
		{

			display:table-cell;
			vertical-align: bottom;
			padding-right: 5px
		}