Home/ Questions/Q 6802541
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T19:14:09+00:00

How can I set this button multiline? <a style=width:33%; display:inline-block; href=/foos.html data-role=button data-icon=arrow-l>a lot

  • 0

How can I set this button multiline?

<a style="width:33%; display:inline-block; " href="/foos.html"  data-role="button" data-icon="arrow-l">a lot of text </a>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The above answer given by ppshein is incorrect. It makes a bigger button but doesn’t make the button multilined. The only thing you need to do is add the following css:

    .ui-btn-inner { 
  white-space: normal !important; 
}

    It works both for button and input tags.

    Btw there’s a bug for IE: the text in the button isn’t clickable. The fix is found at github:

    https://github.com/timmywil/jquery-mobile/commit/59a4946d776e9b1f6a75e9eb53ccb38347612125

    • 0