Dropdown meny fra en ul

[Ooooj]

Holder på å lære meg HTML og CSS, har fått grep på noe, men klarer fortsatt ikke å lage en enkel dropdown menu. 

 

Koden finner du her: https://liveweave.com/Fepmue#&togetherjs=jC1BxqAiNn

(Ble litt mye for å kopiere inn direkte)

 

Jeg får ikke de listene som ligger under de øverste listene som f.eks "other" til å legge seg under. De legger seg på siden av hverandre. 

 

I tillegg så vil ikke de underordnet listene kun vises når man har musen over de overordende listene.

 

nav ul li ul li{

display: none;

}

 

nav ul li ul li:hover{

display: block;

}

 

Noen som har en enkel løsning på dette?

Endret 6. mai 2018 av Ooooj

[Brattus]

Her finner du et fint og enkelt eksempel:

https://codepen.io/philhoyt/pen/ujHzd