问题

enter image description here

我正在尝试对齐这些元素,如图像所示.

最初我使用float,然后尝试宽度:calc()但发现这些会导致某些客户端的问题.

任何人都可以建议另一个解决方案吗?

 <tr height="40px" bgcolor="#00a2c5">
  <td>
    <span style="padding-left:20px;color:#ffffff;display: inline-block;width: calc(50% - 40px);"><a href="#">Call 13 63 93</a></span>
    <span style="padding-right:0px;color:#ffffff;text-align:right;display:inline-block;width: calc(50% - 0px);"><a href="#">Clarendon.com.au</a></span>
  </td>
</tr>
 

  最佳答案

请使用这个HTML – 不需要cal或其他HTML,表有不同的CSS,因此使用表参数或属性进行电子邮件.

 <table width="100%" border="0" cellpadding="10" cellspacing="0">
<tr bgcolor="#00a2c5">
    <td align="left" width="50%" height="40px"><a href="#" style="color:#ffffff;">Call 13 63 93</a></td>
    <td align="right" width="50%"><a href="#" style="color:#ffffff;">Clarendon.com.au</a></td>
</tr>
</table>
 

  相同标签的其他问题

html