How to arrange a nav bar elements horizontally

Question

In html5

Answer 1

HTML:

<ul>
<li><a href="#url">Item1</a></li>
<li><a href="#url">Item2</a></li>
<li><a href="#url">Item3</a></li>
</ul>

CSS:

ul {
padding: 0;
overflow: hidden;
background-color: #333;
}

li {
float: left;
}

li a {
display: block;
color: white;
text-align: center;
padding: 5px;
}