title: ANGULAR - How to center align mat-hint or label in div with radio-group - ANGULAR
body: <p>How can i align vertically in the center one mat-hint or label inside one div with mat-radio-group?</p>
  
  <p>Today, my code has this sequency:</p>
  
  <pre><code>  &lt;div fxLayout="row" fxLayoutAlign="center center"&gt;
        &lt;div fxLayout="column" fxFlex="100%"&gt;
          &lt;div fxLayout="row"&gt;
            &lt;div fxLayout="column" fxFlex="30%"&gt;
              &lt;mat-hint&gt;{{ 'É bivolt?' | translate: moduleName }}&lt;/mat-hint&gt;
            &lt;/div&gt;
            &lt;div fxLayout="column" fxFlex="70%"&gt;
              &lt;mat-radio-group id="rgpStaAparelhoBivoltNewUcServicoRessarcDanoEquipEletr"
                [(ngModel)]="newUcServicoRessarcDanoEquipEletr.staAparelhoBivolt" [disabled]="staViewing"&gt;
                &lt;mat-radio-button value="S"&gt;{{ 'Sim' | translate: moduleName }}&lt;/mat-radio-button&gt;
                &lt;mat-radio-button value="N"&gt;{{ 'Não' | translate: moduleName }}&lt;/mat-radio-button&gt;
                &lt;mat-radio-button value="D"&gt;{{ 'Não sei' | translate: moduleName }}&lt;/mat-radio-button&gt;
              &lt;/mat-radio-group&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>And this is the result:
  <a href="https://i.stack.imgur.com/GenxE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GenxE.png" alt="enter image description here"></a></p>
  
  <p>I'ld like to align the mat-hint in the same row of the values from the mat-radio-group without css.</p>