Não consigo centralizar o menu HELPP


(isabela) #1
    * {
        margin: 0;
        padding: 0;
    }

    .menu {
        width: 100%;
        height: 50px;
        background-color: #FF4500;
        font-family: Arial;
    }

        .menu ul {
            list-style: none;
            position: relative;
        }

            .menu ul li {
                width: 150px;
				float: left;

            }

        .menu a {
            padding: 15px;
            display: block;
            text-decoration: none;
            text-align: center;
            background-color: #FF4500;
            color: #fff;
        }

        .menu ul ul {
            position: absolute;
            visibility: hidden;
        }

        .menu ul li:hover ul {
            visibility: visible;
        }

        .menu a:hover {
            background-color: #FFFF00;
            color: #555;
        }

        .menu ul ul li {
            float: none;
            border-bottom: solid 1px #ccc;
        }

            .menu ul ul li a {
                background-color: #FF6347;
            }

    label[for="bt_menu"]{
        padding: 5px;
        background-color: #8B1A1A;
        color: #fff;
        font-family: Arial;
        text-align: center;
        font-size: 30px;
        cursor: pointer;
        height: 50px;
    }

    #bt_menu {
        display: none;
    }

    label[for="bt_menu"]{
        display: none;
    }

    @media(max-width: 800px) {


        label[for="bt_menu"] {
            display: block;
        }

        #bt_menu:checked ~ .menu{
            margin-left: 0;
        }

        .menu{
            margin-top: 5px;
            margin-left: -100%;
            transition: all .4s;
        }

        .menu ul li {
            width: 100%;
            float: none;
        }

        .menu ul ul {
            position: static;
            overflow: hidden;
            max-height: 0;
            transition: all 4s;
        }

        .menu ul li:hover ul {
            height: auto;
            max-height: 1000px;
        }
    }

(Bruno Rodrigues) #2

Olá @isacmb tente colocar o text-align no .menu e display: inline-block no lugar de float: left para as li. eu removeria o width das li também, mas fica a seu critério =)

Resultado: https://jsfiddle.net/7t13s7k8/

.menu {
   text-align: center;
}
.menu ul li {
   display: inline-block;
}