2013-04-11 156 views
-1

好吧,我來介紹一下這個問題:HTML文本對齊

我想要的風格的價格顯示類似的例子:$ XX XX 。我試圖只使用內聯樣式來使它在HTML電子郵件中可用。

這是我儘量做到:

Example text

方案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> 
+1

後你有什麼至今。 – 2013-04-11 16:56:17

+0

請'引入'你現有的CSS嘗試t00 – 2013-04-11 16:57:16

+0

剛編輯過我的東西。 – 2013-04-11 17:36:15

回答

0

我假設你想要一個這樣的HTML例子。除了更小的字體大小以外,您還可以使用上標作爲成本的「更改」部分。例如:

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

這是一個快速的方式來獲得類似的結果,以您的選項1例