Fazendo menu ficar horizontal

O código é realmente simples , porem funcional e pode ser aplicado de diversas formas , isso é de acordo com o gosto do programador:


Feito isso o seu menu já vai deitar , como vimos o código funciona da seguinte forma :


Feito isto , vamos a segunda pergunta : Como deixar ele em bloco ?

Se está aprendendo agora , não vai saber o por que da pergunta , mas quando começar a usar vai saber o por que saber disto que irei ensinar.

Quase que a mesma coisa que o outro , porem este nós botamos na tag a também da ul , mas botamos como inline-block , ou seja , em linha e em bloco.

Basicamente é isso.