title: How to align the radio buttons horizontally in angular material?
body: <p>I was expecting a in-built directive or a tag for this but probably not according to their documentation.</p>
  
  <p>This is the <a href="http://codepen.io/anon/pen/PqEaZL" rel="noreferrer">example</a>.</p>
  
  <pre><code>&lt;div class="radioButtondemoBasicUsage" ng-app="MyApp"&gt;
  &lt;form ng-submit="submit()" ng-controller="AppCtrl"&gt;
  &lt;p&gt;Selected Value: &lt;span class="radioValue"&gt;{{ data.group1 }}&lt;/span&gt; &lt;/p&gt;
  
  &lt;md-radio-group ng-model="data.group1"&gt;
  
    &lt;md-radio-button value="Apple" class="md-primary"&gt;Apple&lt;/md-radio-button&gt;
    &lt;md-radio-button value="Banana"&gt; Banana &lt;/md-radio-button&gt;
    &lt;md-radio-button value="Mango"&gt;Mango&lt;/md-radio-button&gt;
  
  &lt;/md-radio-group&gt;
  </code></pre>
  
  <p>
  </p>