Buenas, tengo un menú horizontal, y no se pq la última palabra se me va hacia la segunda linea. Lo he revisado pero no veo el error, por favor, ayuda.
Código html:
<body>
<div id= "contenedor">
<div id="cabecera">
<div id="menu">
<ul>
<li><a href="home.html" class="activo">INICIO</a></li>
<li><a href="filmo.html" class="inactivo">FILMOGRAFÍA</a></li>
<li><a href="productora.html" class="inactivo">PRODUCTORA</a></li>
<li><a href="proyectos.html" class="inactivo">PROYECTOS</a></li>
</ul>
</div>
</div>
Código css:
/* Estilos contenedor
-----------------------------------------------------------------*/
div#contenedor {
width:620px;
height:495px;
margin:18px auto 0 auto;
}
/* Estilos cabecera
-----------------------------------------------------------------*/
div#cabecera{
height:80px;
margin:0 40 0 0;
}
div#menu {
height:80px;
width:457px;
margin:40px 0 0 158px;
}
div#menu ul li {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px;
float: left;
margin: 0px 0px 0 0;
}