title: Correct word wrap in a span tag
body: <p>I've a form with an inline validation message in a span.</p>
  
  <pre><code>&lt;span id="EndTimeErrors"&gt;
    &lt;label for="EndTime" class="field-validation-error"&gt;
        Bitte geben Sie eine gültige Uhrzeit ein, zum Beispiel 8:00 oder 14:34
    &lt;/label&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/Ijyk3.png" alt="Ugly wrap with span"></p>
  
  <p>Unfortunately the word wrap is really ugly.
  I could put the validation message in a div, to beautify the message.
  The result is better, but not perfect.</p>
  
  <pre><code>&lt;div id="EndTimeErrors"&gt;
    &lt;label for="EndTime" class="field-validation-error"&gt;
        Bitte geben Sie eine gültige Uhrzeit ein, zum Beispiel 8:00 oder 14:34
    &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/RieCQ.png" alt="Using a div"></p>
  
  <p>What I really want is something like this:</p>
  
  <p><img src="https://i.stack.imgur.com/ijAbe.png" alt="Mockup of goal"></p>
  
  <p>What CSS code would you use to achieve the desired result?</p>