align: left; isn't working

So I am working on my Saving Throws block, I used align: center; float: none; to get the words Fortitude, Reflex and Will to center into their cells. However, the table headers are not aligning left using the same logic.... <th style="font-size: 0.5em; align: left; float: none; height: 24px; width: 52px;">Total</th>

Here is an image showing what I mean... notice the header text isn't aligned to the left of the cell (where the text boxes start)

Align is not a CSS property, so I'm not sure how you're actually centering Fortitude/Reflex/Will. It's not via style="align:center". align-content : Aligns content in a flex container on the cross-axis align-items : Distributes items in a flex container on the cross-axis align-self : Overrides align-items on a line text-align : Aligns inline content within its parent block container <-- This is what you ought to use in your header! text-align-last : As text-align, but only for the last line (buggy and not supported for all browsers) vertical-align : Aligns inline or table-cell content vertically

damn it... it is text-align im using for the labels. Man, I think I should break for a bit before my head implodes.

Edit : beaten to it