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; }