如何设置TD中的IMG居中？

HTML code

            <div id="lmain">                <table>                <tr>                    <td><img src="images/indexpp/01.jpg" alt="01" /></td>                    <td><img src="images/indexpp/02.jpg" alt="02" /></td>                    <td><img src="images/indexpp/03.jpg" alt="03" /></td>                    <td><img src="images/indexpp/04.jpg" alt="04" /></td>                </tr>                <tr>                    <td>xxx</td>                    <td>xxx</td>                    <td>xxx</td>                    <td>xxx</td>                </tr>                <tr>                    <td><img src="images/indexpp/05.jpg" alt="05" /></td>                    <td><img src="images/indexpp/06.jpg" alt="06" /></td>                    <td><img src="images/indexpp/07.jpg" alt="07" /></td>                    <td><img src="images/indexpp/08.jpg" alt="08" /></td>                </tr>                <tr>                    <td>xxx</td>                    <td>xxx</td>                    <td>xxxx</td>                    <td>xxx</td>                </tr>              </table>            </div>

CSS code

#lmain{    width: 685px;    height: 540px;    margin-top: 20px;}    #lmain table{        width: 685px;        height:    540px;    }

试过在td中用text-align:center;但是没有效果。

[解决办法]
看不太明白。。。
[解决办法]
方法1 <td align="center">图片地址</td>
不过这样写的话重复代码太多，不易维护。
方法2 使用CSS样式表
td{ text-align:center;}