how to display unordered list horizontally in html code example

Example 1: html list items horizontally

for example: 
(html)
<ul class="navbar-items">
	<li> <a href="#start">Start</a> </li>
    <li> <a href="#profile">Profile</a> </li>
    <li> <a href="#projects">Projects</a> </li>
    <li> <a href="#info">Info</a> </li>
</ul>

(css)
ul.navbar-items li /* Important part */
{
    display:inline;
}

ul.navbar-items /* Extra part, to style spaces between each item */
{
    min-width: 696px;
	padding-top: 20px;
}

Example 2: have unordered list horizontal css

#div_top_hypers {
    background-color:#eeeeee;
    display:inline;      
}
#ul_top_hypers li{
    display: inline;
}