Hola, mi problema es que he hecho una lista desordenada (UL) y la he puesto "en línea". Todo parece ir bien pero al reducir el tamaño del navegador, la lista se rompe en dos para adaptarse al nuevo tamaño del navegador. ¿porqué ocurre eso? os dejo el código por si os sirve de lago.
Muchas gracias a todos
#ppal ul {
top: 5em;
background-color: #FFFFFF;
margin-left: 0em;
border-color: #990000;
border-style: solid;
border-width: 1px;
display: inline;
}
#ppal ul li {
margin: 0em;
border-left-style: solid;
border-left-width: 1px;
padding-right: 1.7em;
padding-left: 1em;
margin-left: 0px;
display: inline;
width: 0.56em;
}
#ppal ul li.primero {
border-left:none;
background-color: #CDCDCD;
}
#ppal ul li.primero a {
font-size: 0.8em;
color: #990000;
}
#ppal a {font-weight:bold;
text-decoration: none;
font-size: 0.8em;
color: #990000;
margin-left: 0em;
}
