我正在尝试按照图片所示对齐这些元素。
最初,我使用float,然后尝试了width: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-无需校准或其他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>