January 4, 201313 yr <p><!DOCTYPE html><br /> <html><br /> <head><br /> <style><br /> a:link,a:visited<br /> {color:white;background-color:green} /* unvisited link */<br /> a:hover {color:black;} /* mouse over link */<br /> a:active {color:yellow;} /* selected link */<br /> <br /> ul<br /> {<br /> list-style-type:none;<br /> margin:0;<br /> padding:0;<br /> padding-top:6px;<br /> padding-bottom:6px;<br /> }<br /> <br /> ul li<br /> {display:inline}<br /> <br /> a<br /> {<br /> text-align:center;<br />%2 Edited January 4, 201313 yr by gcrest
January 4, 201313 yr Its the way inline does it when you have a linebreak in your code it adds a space try this <ul> <li><a href="#">home</a></li><li><a href="#">About</a></li><li><a href="#">support</a></li><li><a href="#">contact</a></li> </ul> or you could <ul> <li><a href="#">home</a></li ><li><a href="#">About</a></li ><li><a href="#">support</a></li ><li><a href="#">contact</a></li> </ul> just use float myself Edited January 4, 201313 yr by mteam
Create an account or sign in to comment