Fazendo menu ficar horizontal

[Souren 0]

Eu tinha essa duvida de outra forma que também aplicarei aqui , porem o que realmente quero explicar é como deixar um menu horizontal com CSS.

 

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

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

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

Iremos mudar a div menu , pois quando adicionamos o # na frente significa div. Fizemos com ul , assim iremos acessar o li entrando no UL ( poderia ser direto , mas não acho legal ).

 

Assim editamos o li e dissemos que ele tem que dar display ( tem que aparecer ) inline que significa em forma de linha, ou seja , horizontalmente.

 

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.

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

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 , qualquer pergunta eu irei responder com muita felicidade no coração :D

[MHX 1]

Muito simples. Porém util muitos usuários novatos não sabem disso, obrigado por disponibilizar.