Один из вариантов, который я нашел:
Все говорят использовать:
margin: auto 0;
Но есть еще один вариант. Установите это свойство для родительского div. Он отлично работает в любое время:
text-align: center;
И посмотрите, центр для детей.
И, наконец, CSS для вас:
#outer{
text-align: center;
display: block; /* Or inline-block - base on your need */
}
#inner
{
position: relative;
margin: 0 auto; /* It is good to be */
}
Вам не нужно запускать webpack вообще, если вы используете новый шаблон ASP.NET Core 2.1, поскольку он основан на Angular cli, который обрабатывает это за кулисами. Чтобы использовать шрифт awesome, просто установите угловой компонент, который они предоставляют. Вот ссылка с официального сайта. Font Awesome Angular Component
Если вы не хотите использовать компонент, который вы также можете импортировать в styles.css, например:
@import url('https://use.fontawesome.com/releases/v5.1.0/css/all.css');
Затем вы можете использовать его, как в обычном HTML, как это:
<i class="fas fa-stroopwafel"></i>