HTML table: column width percentage

Question

I have a table with 7 columns. I want the columns to be of the following widths:

• 3 columns x width=20%
• 4 columns x width=10%

Answer 1

Your CSS works as expected, in a way that the widths of the table heads and cells are correct. However:

th by default have text-align: center applied, while the td element has not.

So you should add either to the td or th the same text alignment. E.g.:

th {
    text-align: left;
}