Partie 6 - Les flottements

Faire flotter des listes en-ligne

ul#navliste
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 100%;
color: #fff;
background-color: #036;
margin-bottom: 2em;
}

ul#navliste li { display: inline; }

ul#navliste li a
{
float: left;
width: 5em;
color: #fff;
background-color: #036;
padding: 0.2em 1em;
text-decoration: none;
border-right: 1px solid #fff;
}

ul#navliste li a:hover
{
background-color: #369;
color: #fff;
}