Html 在文本旁边添加按钮时如何保持文本对齐

我有一个小问题，我桌子上的按钮没有对齐。因为我在旁边加了一个按钮

<td class="row-right" >
    <i id="spinner-deploiement" class="fa fa-spinner fa-spin" *ngIf="statut == 'In progress'" routerLink="application/{{Id}}"
            aria-hidden="true" style="color: #01AA7B; padding: 0.1rem 0.5rem; text-align: right; font-size: 12px;"></i>

    <a class="btn btn-success btn-round" style="padding: 0.1rem 0.5rem; text-align: right; font-size: 12px;" 
            routerLink="application/{{Id}}" *ngIf="statut == 'ok'"></a>

    <a class="btn btn-danger btn-round" style="padding: 0.1rem 0.5rem; text-align: right; font-size:12px;" 
            routerLink="application/{{Id}}" *ngIf="statut == 'ko'"></a>

    <button class="btn" style="padding: 0.1rem 0.5rem; text-align: right; font-size: 12px;" routerLink="/demande" 
            *ngIf="statut== 'waiting'"
            (click)='canceled(demande)' data-toggle="tooltip" data-placement="top" title="canceled" >
            <i class="fa fa-ban fa-ban"></i> 
    </button>
</td>

你能分享一下我想在他的专栏中“等待”的小提琴或普朗克链接吗？还是你没有先搜索？