title: span as block displayed inside label
body: <p>I know that <code>&lt;label&gt;</code> elements must not include native block elements as <code>&lt;div&gt;</code> and so on. Inline Elements are allowed as <code>&lt;span&gt;</code>, so is the following okay too?</p>
  
  <pre><code>&lt;label&gt;
  &lt;span style="display: block"&gt;&lt;/span&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p>The W3C Validator don't show up any info or error about this.</p>
  
  <p>EDIT - i made some examples and they're working fine in chrome, firefox und opera. IE seems to have issues with the flexbox attributes at all and i'm not able to test on safari because of lack of apples in my house. But the block displayed <code>&lt;span&gt;</code> element seems to work fine without any issues. </p>
  
  <p><a href="https://jsfiddle.net/76ak2fhz/" rel="nofollow noreferrer">https://jsfiddle.net/76ak2fhz/</a></p>