Ciao a tutti, ho un problema nel centrare nella stessa riga il menu con il logo.
Vi posto l'html e il relativo css del menu e del div in cui sono inseriti.
Questo è il risultato che ottengo, invece che essere tutto nella stessa riga:
Senza-titolo-1.jpg

Aspetto una vostra risposta, grazie!


HTML
codice:
 <div id="header">    <div id="logo"><img src="logo.jpg"></img></div><div class='rmm' data-menu-style = "minimal">
            <ul>
                
                <li><a href='#home'>Home</a></li>
                <li><a href='#about-me'>Natale</a></li>
                <li><a href='#gallery'>Pasqua</a></li>
                <li><a href='#blog'>Contatti</a></li>
                
            </ul>
</div>
 </div>
CSS
codice:
#header{width: 100%;
background-color: #02468d;
}

*DA QUI PARTE IL CSS DEL MENU*
.rmm {
    position:relative;
    width:100%;
    padding:0px;
    text-align: center;
    line-height:40px !important;
    background-color: #02462d;
}
.rmm * {
    -webkit-tap-highlight-color:transparent !important;
    font-family:Arial;
}
.rmm a {
    color:#ebebeb;
    text-decoration:none;
    
}
.rmm .rmm-main-list, .rmm .rmm-main-list li {
    margin:0px;
    padding:0px;
}
.rmm ul {
    display:block;
    width:auto !important;
    margin:0 auto !important;
    overflow:hidden;
    list-style:none;
}




/* sublevel menu - in construction */
.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {
    display:none !important;
    height:0px !important;
    width:0px !important;
}
/* */




.rmm .rmm-main-list li {
    
    float: left;
    margin:0px !important;
}
.rmm-toggled {
    display:none;
    width:100%;
    position:relative;
    overflow:hidden;
    margin:0 auto !important;
}
.rmm-button:hover {
    cursor:pointer;
    
}
.rmm .rmm-toggled ul {
    display:none;
    margin:0px !important;
    padding:0px !important;
}
.rmm .rmm-toggled ul li {
    display:block;
    margin:0 auto !important;
}




/* MINIMAL STYLE */


.rmm.minimal a {
    color:#ffffff;
}
.rmm.minimal a:hover {
    opacity:0.7;
    
}
.rmm.minimal .rmm-main-list li a {
    display:inline-block;
    padding:8px 30px 8px 30px;
    margin:0px -3px 0px -3px;
    font-size:15px;
}
.rmm.minimal .rmm-toggled {
    width:100%;
    min-height:50px;
}
.rmm.minimal .rmm-toggled-controls {
    display:block;
    height:36px;
    color:#ffffff;
    text-align:left;
    position:relative;
}
.rmm.minimal .rmm-toggled-title {
    position:relative;
    top:9
    7px;
    left:9px;
    font-size:16px;
    color:#ffffff;
}
.rmm.minimal .rmm-button {
    display:block;
    position:absolute;
    right:9px;
    top:7px;
}


.rmm.minimal .rmm-button span {
    display:block;
    margin:4px 0px 4px 0px;
    height:2px;
    background:#ffffff;
    width:25px;
}
.rmm.minimal .rmm-toggled ul li a {
    display:block;
    width:100%;
    text-align:center;
    padding:0px 0px 0px 0px;
    border-bottom:1px solid #dedede;
    color:#ffffff;
}
.rmm.minimal .rmm-toggled ul li:first-child a {
    border-top:1px solid #dedede;
}