JSFiddle - React, Tailwind, and code Playground

HTML

<html>

<head>

<title>Jardineria Enebro | JSGarcia</title>
<link href="style.css" rel="stylesheet" type="text/css"/>

</head>

<body>

<!-- B A N N E R -->

<img class="banner" src="./Imagenes/Banners/banner.png">


<!-- M E N U H O R I Z O N T A L -->
<div id="contienemenu">
<ul class="menuhor">
<li><a href="#">Home</a>
<li><a href="#">Plantas</a>
<li><a href="#">Árboles</a>
<li><a href="#">Consejos</a>
<li><a href="#">Productos</a>
<li><a href="#">Servicios</a>
<li><a href="#">¿Dónde estamos?</a>
</ul>
    </div>

</body>

</html>

CSS

/* G E N E R A L */    

body {
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
background-color: #FFFEBD;
    border:1px solid blue;
}


/* B A N N E R */    

img.banner {
display: block; /* Para que se comporte como un div */
margin: 0 auto; /* Para centrar el banner */
margin-top: -8px; /* Para quitar el espacio superior */

}


/* M E N U H O R I Z O N T A L */    
#contienemenu{
    background:#fff;
    width:100;
    text-align:center;
}
ul.menuhor{
margin:0 auto;
margin-top: 20px;
/*width: 480px /*Ancho del menú*/
}

ul.menuhor li {
display: inline; /* Para que el menú se muestre en horizontal */
padding: 10 px;
background-color: #E5C967;
}

ul.menuhor li a{
text-decoration: none; /* Texto sin formato */
}