Board Thread:Support Requests - Getting Technical/@comment-4189499-20131122082319

I'm trying to design a new main page for one of the wikis I edit using a test wiki with Fluid layout enabled (so that the page will be completely ready by the time the other wiki becomes fluid on Dec 4), and I have so far just made 4 "buttons" (really just linked text inside styled divs inside a table to fix the width [note: just making all the divs 25% width doesn't work at different browser sizes, hence the need for the table]. The actual HTML button wasn't being friendly enough to use) which respond perfectly to page resizing. Except, when the page is at a size where some buttons have more lines of text than others, the text on the buttons with less text is aligned to the top of the button instead of repositioning itself in the middle. What CSS property and value do I need to add to get the text to align itself to the middle of the button vertically, and which element should I add it to? Note: I've already tried vertical-align and couldn't get it to work, so don't suggest that. The test wiki with the page is here. 