Menu horizontal alinhado a esquerda com uma opção apenas a direita
Olá pessoal, boa tarde,
Primeiro dizer que essa é minha primeira postagem e sou novato em html5, então desculpe se perguntar algo muito leigo rsrs....
Tenho um Menu Horizontal como no código abaixo utilizando o NAV que todas as opções ficam alinhadas a esquerda. Mas quero apenas a Opção "LOGIN" vá para a direita mantendo-se na mesma linha e não sei como fazer
.
Vocês poderiam me ajudar por favor?
Arquivo index.html:
<nav>
<ul>
<li><a href="Index.html">Início</a></li>
<li><a href="Jogos.html">Jogos</a></li>
<li><a href="Cadastro.html">Cadastro</a></li>
<li><a href="Contato.html">Contato</a></li>
<li><a href="Login.html">Login</a></li>
</ul>
</nav>
Arquivo style.css:
nav
{
background-color:#003399;
height:45px;
font-size:25px;
}
nav ul
{
height:auto;
padding:8px 0px;
margin:0px;
}
nav li
{
display:inline;
padding:10px;
margin:0px;
}
nav a
{
text-decoration:none;
color:#CC9900;
padding:8px 8px 8px 8px;
}
nav a:hover
{
color:#CCFFFF;
background-color:#666666;
}Discussão (2)
Carregando comentários...