Question

http://jsfiddle.net/F7BTx/

I’m trying to align just some text within a table header cell to the bottom of the cell, but I need the rest of the text to be centered. What’s the best way to do this?

Ex desired output:

Header 1 is       Header 2           Header 3
on two lines        

    [-]              [-]                [-]

Current output:

Header 1 is       Header 2           Header 3
on two lines        

                     [-]                [-]
    [-]

Answer 1

Usually you would use vertical-align: bottom; instead of vertical-align: center;; however this will also bring the Header ns to the bottom as well. There is no way around this, that I am aware of, other than to use two rows for your header. One with ths and one with tds. Vertically align the second row with vertical-align: bottom and the first one with vertical-align: center;