JSFiddle - React, Tailwind, and code Playground

HTML

<div id="barreverte"></div>
		<header>
			<div id="cadre_logo">
			<div class="logo"></div>
			</div>
			<nav>
				<ul>
				
					<li class="pucenoir"><a href="index1.html">ACCUEIL</a></li>
					<li><a href="starpizza.html">STARPIZZA</a></li>
					<li><a href="apropos.html"> A PROPOS</a></li>
					<li><a href="menu.html">MENU</a></li>
					<li><a href="PHILOSOPHIE.html">PHILOSOPHIE</a></li>
					<li><a href="contact.html">CONTACT</a></li>
				</ul>
			</nav>
		</header>

CSS

li{	
	background-color:grey;
}
/* Voila */



header{
	margin: 0 auto; 
	width:800px;
}

#cadre_logo{
	background:#90bd48;	
	width:147px;
	height:85px;
	float:left;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	
}

.logo{
	width:143px;
	height:65px;
	background:url(images/logo.png);
	margin-top:-5px;
}
#barreverte{
	height:5px;
	background:url(images/barreverte.jpg);
	background-repeat:repeat-x;
}

body{
	
	height:1203px;
	background:url(images/background.jpg);
	background-repeat:repeat-x;
}

nav{
	width:647px;
	height:71px;
	background:#FFF;
	float:left;
	border-bottom-right-radius:5px;

	
}

ul{
	margin-top:25px;
	margin-left:5px;
	float:left;
}

ul li{	
	list-style-type : none;
	display : inline;
	padding:0 1em;
	border-right:solid #CCC 1px;
}
li.pucenoir{
	background:green;
}
nav a{
	color: #000;
	text-decoration:none;
	font-size:15px;
	font-family : "CaviarDreams";

}