How to place the navbar horizontally to the right or left

What should I look into to make my unordered list from vertical to horizontal and position it to the right or left side like an actual webpage would show?
Code;

You should target the children of the #navbar, the LIs like this :

#navbar > li { display:inline; }