JSFiddle - React, Tailwind, and code Playground

by swfour

HTML

<div class="container">
<div class="sixteen columns header">
<h1>Learn Guitar Online</h1>
    
<ul class="nav">
<li><a href="index.php">Home</a></li>
<li><a href="signup.php">Sign UP</a></li>
<li><a href="forum.php">Forum</a></li>
<li><a href="video.php">Video</a></li>
<li><a href="other.php">Other</a></li>
</ul>   
    
</div></div>

CSS

html, body{
    width:100%;
}
container{
    text-align:center;
    width:100%;
}
ul{
    margin:0 auto;
    width:300px;
    display:block;
}
li{
    display:inline-block;
}