menu separati float left e right

[stardom]

Nel footer ho 4 menu centrati, che in responsive si allineano correttamente uno sotto l'altro.
Ma vorrei mettere i menu agli estremi destro e sinistro. Cosa che ho fatto con il seguente codice.

/* mettere menu 1-2-3 a destra e 4-5 a sinistra */
.footer-menu > div {text-align:right;}
#menu-foot {width:1150px;margin:0 auto;}
#menu-foot ul {margin:0;padding:0;display:block;}
#menu-foot li {display:inline-block;margin:10px;}
#menu-foot .menu-item-1, #menu-foot .menu-item-2, .menu-item-3 {float:left;}

Innanzitutto non è un codice bellissimo, e poi nel responsive non allinea verticalmente i menu stessi.
Qualche suggerimento dalla community per migliorarlo? thanx

[stardom]

...un aiutino sarebbe utile