Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

2 Line Button Value

Tags:

html

css

button

I want to make a button like this.

button example

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 ;)

like image 558
Eray Avatar asked Aug 24 '26 21:08

Eray


2 Answers

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

Should work

like image 98
Will Avatar answered Aug 27 '26 16:08

Will


Somethink like this?

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

like image 42
Luke Avatar answered Aug 27 '26 17:08

Luke



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!