when i put it inside the dive it is coming vertical buttom i tried to move it up until center but i can't could any one help me with that

.navbar{background:#FCFCFF;border:1pt solid #CAD6E8;width:900px;height:40px; margin:-150px auto; }
.navbar li{ float:left; text-indent:0em; margin-right:40px; list-style:none; font-size:1em;}
.navbar li a{color:#B590B5; text-decoration:none;}
.navbar li a:hover{color:#A172A1; text-decoration:none}
 
<div class="navbar">
<ul>
<li><a href="#">Website </a></li>
<li><a href="#">Website </a></li>
<li><a href="#">Website </a></li>
<li><a href="#">Design</a></li>
</ul>
</div>

#navbar ul li {

http://wi-mega.com/test/
check what i mean
i used what u said but the same error

And what exactly is it that we are supposed to be looking for??