Solucionado
Segue o codigo do menu nav
E do CSS:
nav ul li{ display: inline; margin-left:50px; padding: 5px; background-color: #f9edad; }
Queria fazer duas coisas; colocar uma cor de fundo que ficasse na linha toda, pois do jeito que esta, ela fica separada pelas margens de 50px. Também queria centralizar pelo css. Tentei varias maneiras e não consegui Vi numa outra duvida que tem como fazer isso diretamente no html, mas queria centralizar via css. Obrigada Tania
hoje, com a Alura e o Google Gemini
Olá Tania Maria, tudo bem?
Você pode fazer da seguinte forma:
1 - Colocando cor de fundo para toda a linha da nav:
nav{
background-color: yellow;2 - Centralizando o texto das li's contidas em nav (Para isso, é necessário atribuir a propriedade para toda a tag nav).
nav{
background-color: yellow;
text-align: center;
}Espero ter ajudado! Um abraço, Gabriel Amazonas.
Vamos resolver os dois casos:
1 - colocar uma cor de fundo que fique na linha toda da barra de navegação:
Quando especificamos no css as propriedades para nav ul li, estamos definindo que o componente li(item da lista) da ul (lista não ordenada) do nav (navegação) possui aquelas propriedades. Portanto de quem queremos definir o estilo? Da navegação (nav).
O código do css irá ficar assim:
nav{
background-color: yellow;
}
nav ul li{
display: inline;
margin-right: 50px;
padding: 5px;
}2 - Centralizar os itens na barra de navegação
Para centralizar os itens na barra de navegação precisamos definir que o conteúdo dentro da nav vai estar centralizado. O código vai ficar assim:
nav{
background-color: yellow;
text-align: center;
}