Question

I know very little html and pretty much no css. I would like to know the easiest way for me to change my left aligned text to center aligned within the cells. Someone on stackoverflow helped me to figure out how to center a table on my wordpress page with the following code:

<div style="text-align: center;">
    <table style="margin: 0px auto;" border="0">
        <table border="0">
            <tbody>
                <tr>
                    <td>ddd</td>
                    <td>ddd</td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
            </tbody>
        </table>
</div>

I now need to figure out how to center the text within the cells. I have tried using align=”center” beside the td. This showed the text centered in the wordpress admin area, but on the actual webpage, the text was still left aligned. Another guy recommended I put something in my header code and link it to the something. Again, I know very little about this and would appreciate the easiest solution. Thx.

Answer 1

<td style="text-align:center"></td>

If you want every cell centered, the easiest solution for you is to add the above to every cell.

you dont need the div above or the style in the table tag, and only one table tag 🙂

<table>
 <tr>
    <td style="text-align:center">centered text</td>
 </tr>
</table>