Extra Small Spacing

removed

So if you look at the tabs and look at hw2, you'll notic开发者_如何学运维e it has a little extra spacing that overlaps the spacing on the right. That's because wrapped the div in the <li>. You will notice the others not having it. I don't understand why is it making that extra little spacing after I wrap it.

Just for the record, this is for CSS spacing which has nothing to do with the JS.

Update: I found a ghetto work around!

Is it a space (or the absence of one)?

display: inline will respect whitespace.

You are putting a block level element (div) inside an inline element (li), which is invalid. Most browsers do a reasonable job of rendering this sort of thing, but the results are unpredictable.

I would suggest using divs for the higher level menu. You could use a container div for the menu and float divs within that for the individual tabs.

I ended up just changing the css for that page.