Aligning next to each other, not working

Question

I have a problem with aligment of two li elements inside a div because in the next example

HTML

Answer 1

Add:

float: Left;

to the css class of the li elements of the menu (in this rule):

".menu-left ul li {"

After the "width: 50%"

The float property specifies whether or not a box (an element) should float. See http://www.w3schools.com/cssref/pr_class_float.asp