css - HTML: can I display button text in multiple lines?

Question

I have a button with long text like "Click here to start playing". I want to control the width and display the text in multiple lines. Is it possible in html/css?

Answer 1

Yes, you can have it on multiple lines using the white-space css property :)

input[type="submit"] {
    white-space: normal;
    width: 100px;
}

<input type="submit" value="Some long text that won't fit." />