如何在html按钮中添加两行（一个为条件行）？

Question

I'm trying to add two lines inside an HTML button, but can't seem to find anywhere what elements are allowed - I know divs, paragraphs, and breaks aren't.

What I have so far is this:

<button>
  Option 1
  <span ng-if="{{option2Allowed}}>Option2</span>
</button>

I want to be able to make Option 2 be on a different line than Option 1. So, if option2Allowed defaults to 'true', I have something like the following:

Option 1
Option 2

How would I do this?

Answer 1

Wrap both lines in a span tag, and set the display mode for the spans to block . Your second line span can still have the conditional statement.

Example: https://jsfiddle.net/8k27g984/

Answer 2

CSS tables perhaps might suit?

 button { display: table; margin-bottom: 1em; } button span { display: table-row; } 

 <button> <span>Option1</span> <span>Option2</span> </button> <button> <span>Option1</span> </button>