Button large text, second line

text
[MY BUTTON LONG TEXT LONG TEXT LONG TEXT LONG TEXT](#)

I wanna "MY BUTTON LONG TEXT" if not fit on one line then create second line and continue the text.

MY BUTTON LONG TEXT LONG
TEXT LONG TEXT LONG TEXT

Hello!

I used the code above on my one-pager as shown below:

[ This is really really long text with no meaningful data only to test if this work but has no special meaning at all...only a test to see if this really really works!](#)

This indeed makes the long text to extend to a second line within the button. However, it creates a gap between the lines (as shown in the attachment).

I tried using <br> like in:

[ This is really really long text with no meaningful data only to test if this work but has no special meaning at all...only a test to see if this really really works!](#)

Also tried changing the for

 like in:

This is really really long text with no meaningful data only to test if this work but has no special meaning at all...only a test to see if this really really works!

But still get the same gap between the lines. I would like to include to lines of text within the button - and even different styles for each line. Something like the second attachment - in which I may get the lines closer.

PS: I also tried changing the line-height attribute on the css without luck.

How can I do this?

Nevermind...I used the line-height attribute on the button directly (instead of the style.css) and got it to work. Following the code in case it may be of any help:

[ This is really really long text with no meaningful data only to test if this work but has no special meaning at all...only a test to see if this really really works!](#)