ul li horizontal css menu?

How to create ul li horizontal menu for header in html

<style>
ul {
list-style-type: none;
margin: auto;
}
li { float:left;}
</style>

<ul>
<li>Home |&nbsp;
</li>
<li>about us |&nbsp;
</li>
<li>Help
</li>
</ul>