Pular para o conteúdo

HTML lista display [RESOLVIDO]

Responder tópico
  • Denunciar
  • Indicar

1. HTML lista display [RESOLVIDO]

Enviado em 22/09/2017 - 09:50h

Olá Pessoal !

Tenho esta página aqui:
https://gokernel2017.github.io/

O problema é que no NoteBook o Menu( list ) aparece da forma que quero ( uma ao lado da outra )... mas no Smart ele aparece ( uma abaixo da outra ).

PERGUNTA:
Como fazer para o Menu sempre aparecer do modo que quero ( um ao lado do outro ) ?

O código básico é esse:

<!DOCTYPE html>
<html>
<body>
<link rel="stylesheet" href="summer.css" />
<script src="summer.js"></script>

<nav class="nav nav--red">
<ul class="nav__list">
<li class="nav__list__item"><a href="">My Blog</a></li>
<li class="nav__list__item"><a href="example.html">Summer OBJECT</a></li>
<li class="nav__list__item"><a href="about.html">About Me</a></li>
</ul>
</nav>

</body>
</html>
Grato !

Responder tópico

2. Re: HTML lista display [RESOLVIDO]

Enviado em 22/09/2017 - 11:28h


Pronto resolvido, procurei na net e foi simples:

troquei:
display: block;
por
display: inline-block;
Mas Valeu !

4. Re: HTML lista display [RESOLVIDO]

Enviado em 22/09/2017 - 15:03h

Se marcou tá marcado.

Vc tem esses poderes todo ? ;)

Responder tópico

Responder tópico

Entre na sua conta para responder.

Fazer login para responder