Sanitizing Drupal's default $tabs

I am constantly re-working Drupal's tabs to look a little bit more like a pile of bricks, and I've finally decided to stop reinventing the wheel and to document the CSS that makes them display more sanely. (Namely, if you have a narrow main column and a lot of tabs, they start disappearing into the ether over at the right).

I hope this snippet helps some other folks, too.

This fixes your default Drupal tabs by taking it from this:

to this:

CSS Code:

ul.primary { border-bottom: 0; white-space: normal; line-height: 1.6em; padding: 0; margin: 0 }
ul.primary li a { border-style: solid; white-space: nowrap; margin-right: .1em; }
ul.primary li.active a { border-bottom: 1px solid #bbb; }
ul.primary li a:hover { border-bottom-color: #ccc; }

Thank you... you saved me

Thank you... you saved me some time on on of my project

Nice cleanup. ul.primary will

Nice cleanup.
ul.primary will also affect primary links menu.

Better to use ul.tabs