[maklooby]

I have this code and basically it is not looking right when it's in the browser.

Code:

ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:center;
font-size:20;
width:6em;
text-decoration:none;
color:gray;
background-color:black;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a:hover {background-color:#ff3300}
li {display:inline}

It is not "smashed together" meaning each item in the table fields has a space between them instead of running together. What do I need to change in order to squeeze them together?

Thanks

[wirehopper]

You might want to set margin:0 on the a tags, as well as li.