Center text and change color JSP CSS

0

I would like to put my items from my menu in the center and change them in color, in case I put a white color but I can not get it

#menu{background-color:#6495ED;}.conteudo{display:inline;text-align:center;padding:10px;color:white;}<navid="menu">

        <div class="conteudo"> <a href="index.jsp">Pagina Principal</a>
       </div>
        <div class="conteudo"> <a href="produtos.jsp">Produtos</a></div>
        <div class="conteudo"><a href="contato.jsp">Contato</a></div>
     </nav>
    
asked by anonymous 20.09.2017 / 02:02

1 answer

1

 #menu{
          background-color:#6495ED;
          text-align: center;
          padding: 10px !important;
        }
        .conteudo{
            display: inline;
        }
        a {
          padding: 10px !important;
          text-decoration: none;
          color: white;
        }
<nav id="menu">
        <div class="conteudo"> <a href="index.jsp">Pagina Principal</a>
       </div>
        <div class="conteudo"> <a href="produtos.jsp">Produtos</a></div>
        <div class="conteudo"><a href="contato.jsp">Contato</a></div>
     </nav>
    
20.09.2017 / 02:46