Menu Dropdown Horizontal

[Maykel-ctba 233]

Fala galera, beleza?

Estou me quebrando para tentar aplicar uma solução aqui.

Tenho o seguinte layout:

Não estou conseguindo fazer o menu dropdown horizontal, como mostra a imagem. Tentei aplicar float:left nos LI's mas simplesmente não funciona. Fica um embaixo do outro. Então, tentei mover a posição do "position:relative" para a div que envolve todo o menu, e ficou mais próximo disso, mas agora não consigo alinhá-lo logo abaixo de soluções.

Montei um codepen para visualizar melhor: http://codepen.io/maykelesser/pen/zNdJyr

Alguém pode me ajudar?

[bruno_mosciatti 22]

Não sei se entendi o problema, mas você sabe como fazer um menu dropdown?

Precisa trabalhar com o display:none e display:block desse submenu de acordo com o hover de cada sessão do menu principal.

Se este for o problema, siga estes exemplos:

http://www.w3schools.com/css/css_dropdowns.asp

http://www.w3schools.com/howto/howto_css_dropdown.asp

[bruno_mosciatti 22]

ops, foi sem querer. deletar por favor

[Maykel-ctba 233]

Bruno, sei sim. Na verdade, deixei ele apenas com display block só para testar os encaixes.

Não gostaria de mexer no HTML, mas acabei tendo que fazer isso.

Consegui solucionar ;-)