Table with equal columns

Hoe zorg je ervoor dat alle kolommen even breed zijn? Dit voorbeeld is niet perfect, maar wel goed genoeg voor dit moment

by Jeroen Strompf

HTML

<table class="test">
    <tr>
        <td>Cell</td>
        <td>Cell cell</td>
        <td>Cell</td>
    </tr>
    <tr>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
    </tr>
    <tr>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
    </tr>
</table>

CSS

table.test td {
  border: 1px solid #dadada;
	width: 33%;
}

table.test {
	border-collapse: separate;
  	border-spacing: 10px;
 	
}