Иконка уходит за кнопку , смотрите скриншот.
<i class="fas fa-calendar-alt" style="margin-left:-120px;font-size:22px;color:#059bce"></i>
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуИконка уходит за кнопку , смотрите скриншот.
<i class="fas fa-calendar-alt" style="margin-left:-120px;font-size:22px;color:#059bce"></i>
Если я тебя правильно понял то это должно выглядеть так. тег i
нужно вставлять внутрь обьекта в котором ты хочешь его видеть. А после ты можешь дать родителю position: relative
, а самой иконке position: absolute
и пихать ее куда захочешь и никуда она не спрячется.
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet"/>
<button>asdasd <i class='fa fa-bars'></i> asdasd</button>