Hola amigos, aver si me hechan una mano.
tengo el siguiente problema. necesito posicionar un div dentro de un li.
muestro la imagen y el codigo para que me entiendan.
en la imagen el caso de la izquierda es lo que veo actualmente con el codigo que tengo, y el caso de la derecha es como quiero que se vea.
Código HTML:
<ul>
<li><a class="titulo">Administración Area</a></li>
<li><a href="#">Dashboard</a>
<div style="padding-left:10px;">
Opcion 1<br />
Opcion 1<br />
Opcion 1<br />
Opcion 1<br />
Opcion 1<br />
</div>
</li>
<li><a href="#">Alumnado</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Comentarios de la Plataforma</a></li>
<li><a href="#">Estadisticas</a></li>
</ul><!-- end Navigation --> 
saludos