short button or long text button
do not need to control width. because button control text width in case content area
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.
var $elTxt = $( "#textposition" );
$elTxt.find( ".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.
$elTxt.find("span").css("padding-top", "2px");
4. last control height between line text using line-height.
$elTxt.find("span").css("line-height", "10px");