tengo una lista desordenada, en una misma linia (display:inline), que está dentro de un div que no consigo mover-la hacia abajo. Lo que intento es en css: #nombreDelDiv ul {margin: 10px 0 0 0;} y en vez de moverse la lista, se mueve todo el div.
Os dejo el codigo HTML y CSS:
------------------------------HTML----------------------------
<div id="menu">
<ul>
<li>MENU1</li>
<li>MENU2</li>
<li>MENU3</li>
</ul>
</div>
------------------------------HTML----------------------------
-------------------------------CSS------------------------------
#menu {
width: 972px;
height: 40px;
background-color: #cccccc;
margin: auto;
}
#menu ul {
margin:10px 0 0 0;
}
#menu li {
list-style-type:none;
display: inline;
margin: 0px 25px 0 0;
font-family: Arial,Hervetica, sans-serif;
}
-------------------------------CSS------------------------------
Dentro del CSS he marcado en rojo el sitio donde intento mover hacia abajo la lista.
A ver si alguien me puede ayudar...
Muchas gracias.
AsmD.
