Two line text sample

short button or long text button

do not need to control width. because button control text width in case content area

Text Button Test
Text Button Test. long text line

but some case, for example width fixed area or narrow width
browser change text to ellipsis


to make text in button, 2 line

Simple making step is ...

1. first insert <br> tag between text

2. then set fontsize to see text in small area
  ex> $( "#textposition .ui-btn-text" ).css("font-size", "12px");

3. if element attribute or inner attributes has padding-top/bottom,
control this value because this value hide some text top/bottom
  ex> $( "#textposition" ).find("span").css("padding-top", "2px");

4. last control height between line text using line-height
  ex> $( "#textposition" ).find("span").css("line-height", "10px");