Я создаю боковую навигационную панель с множеством различных mat-list-item элементов, по которым пользователь может щелкнуть. Я хочу, чтобы у этих элементов списка их значок и имя были выровнены по середине горизонтальной оси. Как мне это сделать?
Я пытался использовать выравнивание содержимого и выравнивание элементов, но ни один из них не работает.
<div class="row justify-content-center align-self-center ">
<a mat-list-item class="color-white drawer-list-item flex">
<div class="col-6 h-100">
<mat-icon class="icon">{{icon}}</mat-icon>
</div>
<div class="col-6 h-100">
<span>{{name}}</span>
</div>
</a>
</div>