How do I render side-by-side?

Question

I\'m looking to create a navigation menu with list items rendered in one line. How do I do this?

Answer 1

ul {
    float: right;  to 
 go to the Right or Left side
}

ul li {
    display: inline-block;
    padding: 10px;
    margin-top: 5px;
}

If you use the "float:" in the "li", the list will invert the sequency.