Hola pann84,
Si quieres que aparezca al clicklar, necesitarás javascript (puedes usar jQuery, por ejemplo). Si te conformas con que sea al pasar por encima puedes hacerlo solo con CSS.
Si es un menú haz una lista, como ya decías bien al principio del topic. Yo personalmente si veo bien el <div> dentro del <li>.
Si quieres que sea al pasar por encima, algo así podría funcionar. Si quieres que sea al clickar sería igual pero añadiendo unas pocas líneas de jQuery.
HTML:
Código HTML:
<ul>
<li>Lorem<div>Texto escondido</div></li>
<li>ABC<div>Otro texto escondido</div></li>
</ul>
CSS:
Código HTML:
li {
position: relative;
}
li div{
position:absolute;
display:none;
top: 0;
left: 50px;
}
li:hover div{
display: block;
}
Suerte y hasta pronto
