display my list inline so i can make a menu

Question

i have an <ul> which i need it to be displayed inline so i can create a menu out of it, but despite that i use the CSS code it won't do a thing, what should i do ?

-------------------------
<ul class="display">
<li><a href="#">Main</a></li>
<li><a href="#">Portfolio</a></li>
<ul>
<li><a href="#">For Investors</a></li>
<!--<li><a href="">Management Team</a></li>-->
<li><a href="#"> For Partners</a></li>
</ul>
<li><a href="#">Corporate Profile</a></li>
<ul>
<li><a href="#">Brief</a></li>
<li><a href="#">Document & Certificates</a></li>
</ul>
<li><a href="#">Blog</a></li>
-----------------------------------------------------
CSS Code:

.display{
display:inline;
}

Answer 1

float:left;