Расположите элементы друг над другом в одном элементе привязки

Question

Как позиционировать элементы друг под другом в одной <a></a> с помощью панели инструментов с угловым материалом?

Мне нужен значок над именем пользователя, и оба элемента должны быть в центре, а не рядом с ними.друг друга, как в стеке блиц ниже:

https://stackblitz.com/edit/angular-djay7v

Answer 1

Вы почти готовы ответить

Попробуйте код ниже sidenav-autosize-example.html

<mat-icon mat-list-icon style="font-size: 150px; height: 150px;color: rgba(244, 92, 27, 0.356);margin: 0 auto;">account_circle</mat-icon> 
   <span style="position:relative;top:75px;right:20px">Current Username</span>
   <a mat-list-item href="#">Link 2</a>
   <a mat-list-item href="#">Link 3</a>
</mat-nav-list>

Live Demo

Надеюсь, что это решитваша проблема