如何在HTML和CSS中完成此图像？(How can I get this image done in HTML and CSS?)

我有这个图像，将在HTML和CSS中实现。

这就是我的尝试。

    <span>$</span><span style="font-size: 50px;">99</span><span style="vertical-align: text-top;">00</span> 
  
 
 
 但实际上这并不像我想要的那样。 
I have this image that is to be implemented in HTML and CSS.
 
 
This is what I have tried.
 
 
 
  
  
    <span>$</span><span style="font-size: 50px;">99</span><span style="vertical-align: text-top;">00</span> 
  
 
 
But this actually doesn't turn out like I want in the image. 
                
最满意答案
                
                    
                        
 例如： 
 
 
 
  
  
.price {
  font-size: 80px;
  color: #f60;
}
.price sup {
  font-size: 38px;
}
.price sub {
  font-size: 28px;
  color: #aaa;
  position: absolute;
  display: inline-block;
  margin: 48px 0 0 -40px;
} 
  
<span class="price"><sup>$</sup>99<sup>00</sup><sub>/month</sub></span> 
  
 
 
 http://jsfiddle.net/1zjuddj8 
For example:
 
 
 
  
  
.price {
  font-size: 80px;
  color: #f60;
}
.price sup {
  font-size: 38px;
}
.price sub {
  font-size: 28px;
  color: #aaa;
  position: absolute;
  display: inline-block;
  margin: 48px 0 0 -40px;
} 
  
<span class="price"><sup>$</sup>99<sup>00</sup><sub>/month</sub></span> 
  
 
 
http://jsfiddle.net/1zjuddj8