JSFiddle - React, Tailwind, and code Playground

by renfley

HTML

<div id="wrapper">
	<div id="header">
		<h4 style="padding-top: 5px; padding-left: 5px;">Andre St-Jacques</h4>
		<div id="search">
			<input type="text" placeholder="Text Here..."><input type="submit" value=" search ">
		</div>
	</div>
	<div id="nav">
		<div id="nav-inner">
		HOME | PHP | HTML | MYSQL | CSS | JAVASCRIPT | JQUERY | SEARCH
		</div>
	</div>
	<p>a</p><p>a</p>
	
</div>

CSS

*{
padding: 0;
margin: 0;
font-family:verdana;
}
#wrapper{
max-width:950px;
    min-width: 750px;
    
margin: 0 auto;
background: #f0f0f0;
}
#header{
background: #91bacc;
height: 100px;
padding-right: 15px;
}
#search{
float: right;
}
#nav{
height: 30px;
background: #003666;
color: white;
line-height: 30px;
padding-right: 50px;
}
#nav-inner{
float: right;
}

JavaScript

function myFunction() {
    document.getElementById("demo").innerHTML = "Hello World";
}