ul element horizontal 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: li elements horizontally css

display: inline;

Tags:

Css Example