How to make a table with equal column widths in CSS?

You can set table-layout: fixed; on your table. Using this you can override the browser’s automatic column resizing. Then column widths will be set based on the widths that you assign to the cells in the first row.