Display li elements next to each other

The way to get the <li> elements to display next to each other is by simply place a 'float:left' style on the li element

.menu-left ul li {
    display:inline-block;
    float:left;
    vertical-align: top;
}