title: Angular Material2 mat-list-item-content position
body: <p>I'm trying the below to override angular material2 mat-list-item-content style based on list index.</p>
  
  <p>Component HTML:</p>
  
  <pre><code>&lt;div fxLayout="column" fxLayoutAlign="start center" fxFill&gt;
      &lt;mat-list dense class="mat-list"&gt;
        &lt;mat-list-item *ngFor="let message of messages" class="{{message.float}}"&gt;
           &lt;mat-label&gt;{{message.text}}&lt;/mat-label&gt;
        &lt;/mat-list-item&gt;
      &lt;/mat-list&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Component CSS</p>
  
  <pre><code>.left .mat-list-item-content {
    float: left;
  }
  
  .right .mat-list-item-content {
    float: right;
  }
  </code></pre>
  
  <p>Thanks</p>