JSFiddle - React, Tailwind, and code Playground

by rohanbhangui

HTML

<!DOCTYPE html>
<html>

   <head>
      <link rel="stylesheet" type="text/css" href="css/style.css">
   </head>

   <body>
      <div id='nav'>
         <ul id='nav'>
            <li><a href="#">Home</a></li>
            <li><a href="#">Content</a></li>
            <li><a href="#">About</a></li>
         </ul>
      </div>
   </body>


</html>

CSS

#nav {
	background: black;
	position: fixed;
	top: 0;
	margin: 0;
}
#nav ul{
    list-style-type: none;
}

#nav li{
    display: inline-block;
    margin-left: 10px;
    position: center;
}

#nav a{
    text-decoration: none;
}

body{
	background-color: #eeeeee;
}