title: Vertical alignment of label followed by md-switch in angular material
body: <p>I have a page in which a want to display some text in a <code>label</code> followed by a <code>md-switch</code>. I'm aware of the fact that I can remove the label completely and display the text after the switch, but this solution is not acceptable.</p>
  
  <pre><code>&lt;md-content layout="row"&gt;
   &lt;label class="md-title"&gt;text&lt;/label&gt;
   &lt;md-switch class="md-primary" ng-true-value="'YES'" ng-false-value="'NO'" ng-model="vm.data"&gt; {{vm.data}}&lt;/md-switch&gt;
  &lt;/md-content&gt;
  </code></pre>
  
  <p>I cannot seem to align these elements vertically. The switch is always lower than the text, not under the label, after it but much lower.
  Some suggestions would be much appreciated.</p>