navbar won't float left

I’m just learning html and css, and I can’t get my navbar to go all the left of the body (

The CSS is:

.nav li{
margin:0 0 10px 0;
width: 25%;
text-align: center;
float: left;
font-size: 20px;
border-style: solid;
border-width: 1px 0 1px 0;

The text below obviously goes to the border. Any ideas?

I’m something of a newbie also, but, isn’t one supposed to use the id (#) rather than the (.) before the navbar? Also, after the “li” put a space. Then, rather than 25%, make it something like 250px, etc…

That would be my next step.

Sorry if it doesn’t work. Like I said, I’m a newbie too.

The .nav is a class, not id so the period is correct. I changed it all to divs, and that worked.

You can’t float left a List Item. You have to float left the Unordered List instead.