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; }