Width percentages help!

Hey there!

I have been coding using divs only for almost a year now and I still seem to have trouble every now and then. One thing I never really learned was how to center things by percentages. In a table, this is how it'd look:

<table cellpadding="0" width="100%" cellspacing="0" align="center" border="0">
    <tr>
        <td with="25%" align="center">
        Cell 1
        </td>
        <td with="25%" align="center">
        Cell 2
        </td>
        <td with="25%" align="center">
        Cell 3
        </td>
        <td with="25%" align="center">
        Cell 4
        </td>
    </tr>
</table>

Code (markup):

Can someone explain how I can do this same thing in css? Rep and I may pay if it works a charm .

 

I think it is something like this:

centered {
position: fixed;
top: 50%;
left: 50%;
}

 

Set a width (less than 100% in percentages) and margin:0 auto;

 

Thanks for your help you guys, repped you both. Ill try this now.