title: Vertical align span-Element in label-Element
body: <p>I have a similar problem to this question:
  <a href="https://stackoverflow.com/questions/1554941/vertical-align-text-in-a-label">Vertical Align text in a Label</a></p>
  
  <p>My HTML-Structure looks like this:</p>
  
  <pre><code>&lt;label&gt;
      &lt;span&gt;Comment:&lt;/span&gt;
      &lt;textarea&gt;Some Default-Text&lt;/textarea&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p>And I'm trying to vertically-align the span-element to the top of the label-Element.</p>
  
  <p>That's my css-Code:</p>
  
  <pre><code>label{
      display: block;
  }
  
  label span{
      display: inline-block;
      width: 30%;
  }
  
  .createForm textarea{
      width: 67.7%;
      resize: vertical;
  }
  </code></pre>
  
  <p>I already tried setting the display of the label-tag to inline-block and adding the vertical-align attribute, but nothing happened.</p>
  
  <p>Anyone knows the reason for this issue?</p>