I have a mini form and I need the long text of the value of submit button to be broken down in two rows so it will fit the width of the parent div. I tried setting the width of the submit button but that does not do the trick.
Use <button type="submit">
instead of <input type="submit">
. This will allow you to provide the button's contents as HTML instead of plain text, allowing you to format the button's contents however you want.
The most basic solution would be to manually include a line break:
<button type="submit">Foo<br/>Bar</button>
And of course you can also use more advanced CSS layouts for the button contents.