remove the inline and add custom css to align the text, current values are not accurate but you could change them
in CSS:
mat-icon {
vertical-align:middle;
}
.a {
padding-top:8px;
vertical-align:middle;
}
or only
mat-icon {
vertical-align:text-bottom;
}
and in html:
<span>
<mat-icon >locked</mat-icon>
<span class="a"> AMELIA SMITH</span>
</span>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.