Não consigo deixar o menu ao centro e em apenas uma linha!

Question

[HASHTAG]#menu[/HASHTAG] ul {
                  margin: 100px 300px;
                  float: left;

}

[HASHTAG]#menu[/HASHTAG] ul li{

color: #000000;
                  float:left;
                  width:260px;
                  margin-left: 200px;
                  margin-right: 100px;
                  height: 30px;
                  display:inline-block;          
                  font-size: 30px;
                  font-family: Berlin Sans FB;
                  text-align: left;
                  border-radius: 6px;
                  float: left;
                       }

[HASHTAG]#menu[/HASHTAG] ul li:hover { 
                background-color: #7aabf9;
                       }

LOGIN/CADASTRAR
                          COMPRAR
                         INFORMA&Ccedil;&Otilde;ES
                         CONTATO

Tenho essa parte do c&oacute;digo do menu e do css do menu s&oacute; que n&atilde;o sei se o a dimens&atilde;o da p&aacute;gina ao todo que n&atilde;o est&aacute; correta, a menu est&aacute; ao centro e um abaixo do outro.. Queria um ao lado do outro na mesma linha e ao centro :(

Answer

Comentei alguns trechos desnecess&aacute;rios e acrescentei corre&ccedil;&otilde;es que podem atender ao que voc&ecirc; precisa.
Se a sua inten&ccedil;&atilde;o &eacute; deix&aacute;-lo responsivo, sugiro que estude tamb&eacute;m CSS Media Queries.

[code=CSS]
    #menu ul {
        margin: 0;
        text-align: center;
    /*
        float: left;
        margin: 100px 300px;
    */
    }

#menu ul li{
        margin: 2px;
        color: #000;
        width: 260px;
        height: 30px;
        font-size: 30px;
        text-align: left;
        padding: 2px 12px;
        border-radius: 6px;
        display:inline-block;
        background-color: #ccc;
        font-family: Berlin Sans FB;
    /*
        float:left;
        margin-left: 200px;
        margin-right: 100px;
        float: left;
    */
    }

#menu ul li:hover {
        background-color: #7aabf9;
    }

[/code]

Ferramentas

Mover Tópico