HTML 文本对齐答案

【问题标题】：HTML text aligningHTML 文本对齐
【发布时间】：2013-04-11 16:54:43
【问题描述】：

好，我来介绍一下问题：

我正在尝试设置与此示例类似的价格显示样式：$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>

【问题讨论】：

发布你目前所拥有的。
请introduce你现有的CSS尝试t00
刚刚编辑了我所拥有的。

标签： html css text tags alignment

【解决方案1】：

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

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

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

【讨论】：