Samantha Samantha - 7 months ago 7
HTML Question

How to move nagivation bar to more to the right to fit a logo left of the bar

I'm trying to figure out how to move the navigation bar just over more to the right so I can add a logo left of the navigation text. Float-right wasn't working.

Here is my CSS code.

#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);
}

Answer

Try adding css properties:

Position:relative;
Right:100px;//or however far you want