Hola buenas, tengo un problemilla, haber si alguien sabria ayudarme, estaba viendo un ejemplo de unas lista <ul> y lo que queria conseguir era mostrar toda la lista el horizontal pero en la misma linea, es decir sin hacer un salto de linea.
el ejemplo seria este:
Código PHP:
<html>
<head>
<title>Barra de navegación horizontal con listas y estilos CSS</title>
<style type="text/css">
#navegador ul{
list-style-type: none;
text-align: center;
}
#navegador li{
display: inline;
text-align: center;
margin: 0 10px 0 0;
}
#navegador li a {
padding: 2px 7px 2px 7px;
color: #666;
background-color: #eeeeee;
border: 1px solid #ccc;
text-decoration: none;
}
#navegador li a:hover{
background-color: #333333;
color: #ffffff;
}
</style>
</head>
<body>
<div id="navegador">
<ul>
<li><a href="#">Elemento 1</a></li>
<li><a href="#">Elemento 2</a></li>
<li><a href="#">Elemento 3</a></li>
<li><a href="#">Elemento 4</a></li>
</ul>
</div>
</body>
</html>
con poco elementos queda bien, pero cuando se añaden mas elementos y ocupa toda la pantalla salta de linea, hay alguna forma de que no salte de linea?
Gracias por la ayuda