make list elements horizontal css code example

Example 1: css list elements horizontally

ul li{
  	display: inline-block;
}

Example 2: 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;
}

Tags:

Css Example