如何在HTML中从右到左书写字符

Question

我需要显示-xxx.x°C °C符号通过绝对定位放置在那里，它将保留在那里。 所以我需要显示符号前面的文字：

-123.5 °C
 -12.4 °C
   7.6 °C

此外，我希望文本显示在固定长度文本部分的顶部 像这样的黄色背景颜色：

 _______
|__-12.9| °C
 _______
|____0.9| °C

<span  id="tempresult" style="position:relative; bottom: 3px; right:14px;     background-color:#CCFF66; border: 3px solid #8AC007; border-style:double  solid solid double;">----.-</span>

°C

Answer 1

使用:after将解决在每个温度结束时保持°C单位标识符的问题。要创建黄色框，只需使用设置为span的{​​{1}}元素并添加固定宽度，如下所示：

（FIDDLE）

HTML

display:inline-block

CSS

<div><span>-129.4</span></div>

注意：编辑CSS以使用每个元素的类而不是标记名称。