Question: The goal
--------

Customize a *table group* consistently.

The problem
-----------

There is the following table on my application:

```
<table>
    <thead>
        <tr>
            <td></td>
            <td class="xbox360"><strong>Xbox 360</strong></td>
            <td><strong>PS3</strong></td>
            <td><strong>Xbox One</strong></td>
            <td><strong>PS4</strong></td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><strong>Market A</strong></td>
            <td class="xbox360">US$299,00</td>
            <td>US$329,00</td>
            <td>US$499,00</td>
            <td>US$399,00</td>
        </tr>
        <tr>
            <td><strong>Market B</strong></td>
            <td class="xbox360">US$289,00</td>
            <td>US$319,00</td>
            <td>US$489,00</td>
            <td>US$389,00</td>
        </tr>
    </tbody>
</table>

```

What I need is simple: treat the column `xbox360` as if it were one single thing. In other words, I don't want a class to customize this column.

To play
-------

[Click here to play on jsFiddle](http://jsfiddle.net/DXm69/)

Answer: 
If I understood you correctly:

```
table {
    border-collapse: collapse;
}

```

[FIDDLE](http://jsfiddle.net/DXm69/3/)

More on [border-collapse](https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse).
Use:

```
<table cellspacing="0">

```