« Back  |   Introduction  |   Contents  |   Next »

15. Floating next and back buttons

ul#navigation
{
list-style-type: none;
margin: 0;
padding: 0;
}

ul#navigation li a
{
display: block;
width: 5em;
color: #FFF;
background-color: #036;
padding: .2em 0;
text-align: center;
text-decoration: none;
}

ul#navigation li a:hover
{
color: #FFF;
background-color: #69C;
}

ul#navigation .left { float: left; }
ul#navigation .right { float: right; }