Skip to main content
Home / Code Snippets / HTML / Button With Line Breaks

Button With Line Breaks

Your best bet is a <button> so you can use a <br> inside, like:

<button>
  Some
  <br>
  Text
</button>

If you need it to be an <input>, and thus the text has to be in a value, it used to be somewhat reliable to use &#x00A; (a carridge return) to break a line in a value like this:

<input type="button" value="Really&#x00A;Tall&#x00A;Button">

That still works in Firefox, but doesn't seem to work in Chrome anymore, and is dangerous in Safari where it cuts off the text after the first entity.

See the Pen Line Breaks in Buttons by Chris Coyier (@chriscoyier) on CodePen.

icon-link icon-logo-star icon-search icon-star