how to have text of 2 font sizes in same line in HTML?

Question

I am developing a front end HTML page using bootstrap and basic HTML code. I need to print price of a particular product say $63. I want this to be in same line but the size

Answer 1

Only HTML: using

1. Two span tags and 2. different font size in style

   <span style="font-size: 25px;">Rs</span> <span style="font-size: 50px;">2000/-</span>

Answer 2

Check this http://jsfiddle.net/RPf4N/2/

html

<div id="mydiv">$<a>63</a></div>

ur css

#mydiv
{
    font-size:20px;
}
#mydiv a
{
    font-size:100px;
}

Answer 3

 span { font-size: 3em;}
 span b { font-size: 60%; font-weight: normal }

<span><b>$</b>63</span>

---

You could also avoid to use a nested element to wrap the currency sign and use the ::first-letter pseudoclass to style it, but this requires a block or inline-block parent element, e.g.

span { 
   font-size: 3em; 
   display: inline-block; }

span::first-letter { font-size: 60%; }

<span>$63</span>