HTML文本对齐

Question

好的，让我来介绍一下这个问题：

我正在尝试将价格设置为与此示例类似：$ XX ^xx 。我正在尝试仅使用内联样式使其可用于HTML电子邮件。

这是我努力实现的目标：

选项2是我真正想要的，但如果不可能，我会选择选项1

我已经用这段代码完成了它，但现在有办法让代码“更好”吗？

<div style="width:69px; font-family:'Arial Black', Gadget, sans-serif; font-size:34px; text-align:left; float:left;">
  $99
</div>
<div style="padding:8px;">.99<br />
<font style="line-height:70%;">cwt</font></div>

Answer 1

我假设你想要一个这样的HTML示例。除了较小的字体大小外，您还可以使用上标作为成本的“更改”部分。例如：

$XX<span style="vertical-align:super;font-size:xx-small">.XX</span>

这是获得类似于您的选项1示例的结果的快速方法