Board Thread:Support Requests - Designing Your Wikia/@comment-653063-20150511181735

I'm putting this here and not in 'technical' because I think this question is about CSS more than it's about Tabber. I think? Maybe?

Take, for example, this page: http://disgaea.wikia.com/wiki/Male_Warrior_%28Disgaea%29 There are more tabs than can fit on one row of the tabber (and there's a class applied to the tabber that restricts the width to be the size of the template in each tab; we don't want the tabber being crazy wide because of the tabs, and then there's wasted white space), so the tabs break themselves like this: Warrior | Battler | Centurion | Champion | Hero Cosmic Hero How can I get them to, instead, look more like this: Warrior | Battler Centurion | Champion | Hero | Cosmic Hero
 * There are a ton of pages (thumbnail estimate, between 100-130) that use this 'tabber/tierstats' setup, with the 6 tabs each containing one copy of the 'tierstats' template, and the names of the tabs are the names of the tiers within each class.
 * A few classes actually have short tier names all the way through, so the tabs will naturally fall onto one line (ie http://disgaea.wikia.com/wiki/Female_Healer_%28Disgaea%29 ).
 * The vast majority of classes have long-enough tier names that there are two rows of tabs, and sometimes the rows may split themselves to be "5 and 1," or "4 and 2", or "3 and 3." I mean by that, that I don't think it's a good idea to look for code that would always split the tabs "3 and 3" (ie http://community.wikia.com/wiki/Thread:615737 - plus, the wording on that page makes me think that I can't just add that code to an existing class, but would have to do the wrap-in-div thing, which would require re-editing 100+ pages.... oh gosh no; //plus//, i tested it in my personal css and it did nothing, so... there's that too.).

I would like for the tabs to still run 'upper left to lower right,' but also to put more tabs on the bottom.

Does this idea exist? I've tried messing with my personal css file, and so far I've tried messing with margins, with 'vertical-align: bottom', uh, some other things that didn't work... I'm not really CSS-smart enough to do /this/. Pretty much every limited piece of CSS I knew and could google to throw at this problem incurred exactly no change at all (which is why I kept changing the border color, so I would know that my cache did actually reset) or, the one thing I did that actually did something took the tabs out of the tabber entirely, so that's a bad plan.

And it's always possible that CSS isn't the solution here. But I've already outstripped my limited knowledge on how to do this, so, please let me know if there is a solution you know of. Thanks. 