JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<div id="drog"> </div>
<ul id="nav">
				<li id="Drog"><a href="index.html" title="">Drog</a></li>
				<li id="sounds"><a href="sounds.html" title="">Sounds</a></li>
				<li id="images"><a href="images.html" title="">Images</a></li>
				<li id="disco"><a href="disco.html" title="">Discography</a></li>
				<li id="buy"><a href="buy.html" title="">Buy</a></li>
				<li id="news"><a href="news.html" title="">News</a></li>
				<li id="contact"><a href="contact.html" title="">Contact</a></li>
				<li id="links"><a href="links.html" title="">Links</a></li>
				
</ul>	

<div id="logodrog"></div>

</body>

CSS

body {

	background: black;
	font-family: "courier new";
	color: white;
}


/*!!!!!! NAVIGATION !!!!!*/

ul {

	height: 80px;
}
ul li {

	float: left;
	width: 150px;
	list-style-type: none;
}

ul li a {

	text-decoration: none;
	color: white;
}

/*!!!!!!! LOGO PAGE ACCUEIL !!!!!!*/

#drog {

	right: 500px;
	width: 500px;
	height: 170px;
	background: url(images/logo-drog.png);


}

#logodrog {
	
	width: 150px;
	height: 120px;
	background-color: red;
}