title: bootstrap : Align two div inside td
body: <p>I have a table which have td column named action and I want to display two icon for remove and edit actions and display them next to each other.</p>
  
  <pre><code>&lt;td mat-cell *matCellDef="let element" class="row"&gt;
    &lt;div class="delete" (click)="supprimer(element.id)" data-toggle="tooltip" data-placement="bottom"title="Supprimer"&gt;
                &lt;a (click)="supprimer(element.id)"&gt;
                  &lt;img src="/assets/img/clear.png" alt=""&gt;
                &lt;/a&gt;
              &lt;/div&gt;
   &lt;div class="edit" (click)="edit(element.id)" data-toggle="tooltip" data-placement="bottom" title="Edit"&gt;
    &lt;a (click)="supprimer(element.id)"&gt;
     &lt;img src="/assets/img/edit.png" alt=""&gt;
    &lt;/a&gt;
   &lt;/div&gt;
   &lt;/td&gt;
  </code></pre>