I am creating a grid using an HTML <table>
. I have labels for each row, column, and diagonal. In particular, I would like the label text to be aligned with the edge of the grid, so larger numbers expand outwards. Here’s a rough design of what I’d like to achieve:
I’m struggling to make this work in CSS for the diagonal and vertical labels. I’ve tried different combinations of text-align
, vertical-align
, and transform
rules.