2 Line Button Value

I want to make a button like this.

As you can see, there is 2 lines and lines' font 开发者_运维问答size is different . Is this possible with using CSS + HTML (and maybe JS) ? I don't want to use image for button.

(Font face doens't matter)

Thank you ;)

---

<button>
<span style="font-size:16px;">1st Line</span><br />
<span style="font-size:12px;">2nd Line</span>
</button>

Should work

---

Somethink like this?

http://jsfiddle.net/36fcw/2/

---

Put 
 where you want to break the line

---

form elements are always a pain to design out... best walk through is to put form elements in table.. hope this helps you. Your form within table and some css..