Simple Horizontal Navigation Tutorial Code #1

/*TUTORIAL BY DAPHNE ROSS*/

#hn{
    width: 100%;
    height:50px;
    margin-top:-10px;
    margin-left:-10px;
    background-color:#000000; /*bg color*/
    position:absolute; /*change this if necessary*/
    z-index:15;
}

div.links a{
    margin-top:22px;
    width:100px; /*change this if necessary*/
    font-family:Arial;  /*change this if necessary*/
    font-size:12px; /*change this if necessary*/
    letter-spacing:1px;
    text-align:center;
    color:#ffffff; /*text color*/
    text-transform:uppercase;
    text-align:center;
    display:inline-block;
    font-weight: normal;
    transition: all 0.5s ease;
    -o-transition-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}

div.links a:hover{
    background:#ffffff; /*change this if necessary*/
    color: #000000;  /*change this if necessary*/
    transform:scale(1.2); /*hover effect*/
}

/*TUTORIAL BY DAPHNE ROSS*/