How can I make the table header appear on the left side of the table as a column instead on the top as a row? I have this markup:
-
2020-12-25 13:28
How's this?
Example

CSS
thead {
float: left;
}
thead th {
display: block;
}
tbody {
float: right;
}
jsFiddle.
Update
Well, the 1, 2 should also be as column, obviously.
jsFiddle.
It also looks like IE baulks at this. You may have to trade semantic-ness for cross browser compatibility.