Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

display: inline não está funcionando

Olá, estou tentando implementar o header e o rodape na pagina home da berbearia, porem, no css, na propriedade nav, li estou usando display: inline porem o menu nao agrupa, fica 1 em baixo do outro, ja tentei descobrir o pq mas nao consegui alguem pode me ajudar?

HTML

CSS

Saida navegador

2 respostas

Olá Matheus, boa tarde, tudo bem?

Chequei rapidamente aqui. Você está atribuindo o atributo inline para o elemento li. Acho que você precisa atribuir esse atributo para o elemento lista ul:

nav ul { display: inline; }

Veja se isso funciona!

EDIT: Negative, você está certo. O atributo inline deve ser atribuído ao elemento li. O meu código está igual ao seu.

solução!

Oii, beleza Daniel?!

Cara, no index tem outra ul la nos beneficios, o que eu fiz: marquei a referida ul com uma classe que chamai de "ul-beneficios", delegando aquele estilo que estava interferindo na ul da nav, somente para a divisão de benefícios e aí de certo!! Obrigado por responder!!

correção

Aqui tinhamos um estilo para a ul de maneira generalizada, isso que tava interferindo, aí eu marquei com a classe ul-beneficios e aí consegui separar os estilos para cada ul

resultado