我想把一个文本标签下移大约6px我附加了风格:
.price-label{ font-family:Arial,Helvetica,sans-serif; font-size:small; position:relative; bottom:-6px; vertical-align:bottom; }
HTML是:
<table border="0" cellspacing="1" cellpadding="0"> <tr> <td height="45" colspan="2" align="center"><p><span class="text">Name</span><span class="name-label"></span></p></td> </tr> <tr> <td> </td> <td class="price-label">54.67</td> </tr> <tr> <td width="28" bgcolor="#CCCCCC"> </td> <td height="45"> </td> </tr> <tr> <td width="28" bgcolor="#CC3300"> </td> <td height="112"> </td> </tr> <tr> <td width="28" bgcolor="#CCCCCC"> </td> <td height="22"> </td> </tr> </table>
视觉上我想要54.67标签水平平行地出现 – 灰色单元格(上一个)和红色单元格(第二个从顶部)到达的间隙.由于数字表示在左边的栏中的那一点.
所以如果其他的技术更好,请让我知道,也许我应该使用DIVs会给我更多的控制权?