JSFiddle - React, Tailwind, and code Playground

by devangkantharia

HTML

<div id="nav">
<h2 class="navtext">Home&emsp;&emsp;&emsp;&emsp;</h2>
<h2 class="navtext">About us&emsp;&emsp;&emsp;</h2>
</div>
<div id="main">&nbsp;</div>

CSS

#main{
    background: url("http://www.poweredwebsite.com/images/bubbles.png") repeat scroll center center;
    height: 150px;
        background-size: 60% 100%;
}
body {
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
}
.navtext {
color: white;
font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
display: inline;
}
#nav {
background-color: #336699;
clear: both;
width: 100%;
height: 100%;
border-bottom: 2px darkred solid;
text-align: center;
}