I'm currently working on adjusting the position of the navigation bar to the right in order to accommodate a logo on the left side of the navigation text. Despite trying to use float-right, it doesn't seem to be working as expected.
Below is the CSS code I am using:
#Main2 {
height:90px;
background-color:ebebeb;
}
ul {
margin:0;
padding:0;
}
li {
list-style-type:none;
float:left;
display:block;
width:150px;
height:90px;
text-align:center;
line-height:90px;
font-family:Comic Sans MS, cursive, sans-serif;
font-size:17px;
}
li a {
text-decoration:none;
color:black;
}
li:Hover {
background-color:pink;
background: -webkit-linear-gradient(#f1efef, #fcfbfb);
background: -moz-linear-gradient(#f1efef, #fcfbfb);
background: linear-gradient(#f1efef, #fcfbfb);
}