1
resposta

Display inline - Não fica na horizontal o menu

Estou fazendo o cabeçalho e o rodapé da pagina de produtos igual na página principal, porém não consigo deixar o menu na horizontal, continua ficando na vertical, já tentei até criar uma nova div e colocar o display: flex. Criei tbm a nav ul para poder limpar algumas formatações mas não consegui. POdem me ajudar??

header {
    background: #BBBBBB;
    padding: 20px 0;
}

.caixa {
    position: relative;
    width: 940px; 
    margin: 0 auto;
}

nav {
    position: absolute; /*poder mexer no elemento*/
    top: 110px; 
    right: 0; 
}

nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

nav li { 
    display: inline;
    margin: 0 0 0 15px;
}

nav a {
    text-transform: uppercase; 
    color: #000000;
    font-weight: bold;
    font-size: 22px; 
    text-decoration: none; 
}
nav a:hover { 
    color: #C78C19;
    text-decoration: underline;
1 resposta

Olá Stephanie,

aparentemente seu css está correto. Porém, como esta dizendo que não consegue o resultado desejado, acredito que o problema pode estar no html.

Se quiser dar uma olhada no exemplo que postei. Tem o básico para fazer o efeito desejado.

Posta seu html tbm, acredito que seja melhor pra identificar o problema. =)

Caso este post tenha te ajudado, por favor, marcar como solucionado ✔. Bons estudos! ⌣