Question

css里如何让表格里的文字竖直居中,并距离左边一定距离?

代码是：
<tr>
<td class="tongpian6">科室动态</td>
<td align="left"><img src="/Templets/images/ymdh14.jpg"/></td>
</tr>
css里是这样写的：
.tongpian6{
color:#000000; background:url(/Images/ymdh1.jpg) no-repeat; font-weight:bolder; width:356px; height:35px; font-size:12px; margin-left:10px; text-align:left; vertical-align:bottom;
}
为啥子浏览时科室动态几个字也不竖直居中，也不距离左边距10px呢？ 把margin-left改成padding-left也是一样没反应，为什么呢？ 要怎么修改才有效呢？

Answer 1

CSS:
*{ margin:0; padding:0;}
body{ font-family:"微软雅黑"; font-size:12px;}
td{ vertical-align:middle; list-style-type:none;}
.bg{ padding-left:10px; width:356px; height:35px; text-align:left; color:#000; background-color:#CCC; font-weight:bold; vertical-align:middle;}

HTML:
<table border="0">
<tr>
<td class="bg">科室动态</td>
<td> </td>
</tr>
</table>
你按F12在浏览器里看下效果