Muli-line button in IE

button, css, html, internet-explorer

Solution

Use the `button` element instead - it can contain other markup:

<button type="button">
First Line<br />
Second Line<br />
Third Line<br />
</button>

Problem

I'm currently in a horrible situation that requires me to style an input of type "button" over two lines. Having a fixed width on the button causes the text within the button to wrap onto two lines in all other browsers except IE. My question is therefore, how do I specify that an input with value="Button to Wrap" wraps onto two lines in IE? I'm willing to accept any hacks or workarounds to make this happen. Much appreciated!

Original source