How to get table cells evenly spaced?

Question

I\'m trying to create a page with a number of static html tables on them.

What do I need to do to get them to display each column the same size as each other column

Answer 1

I'm also open to suggestion on how to tidy this up, if there are any? :-)

Well, you could not use the span element, for semantic reasons. And you don't have to define the class PerformanceCell. The cells and rows can be accessed by using PerformanceTable tr {} and PerformanceTable tr {}, respectively.

For the spacing part, I have got the same problem several times. I shamefully admit I avoided the problem, so I am very curious to any answers too.