Как создать кнопку и рядом картинку?

Question

[Ivan Vasilievich]

Подскажите как сверстать эту секцию.
Мой первый вопрос:
Ребята есть кнопка, и надо рядом с кнопкой была картинка "->" но что-то у меня не получается и так и сяк пробовал.

Второй вопрос:
У меня есть div navbar-logo, как выровнять картинку и текст в нём?




Заранее спасибо за ответ!

Comments

[Ankhena]

<a class="btn" href="">Get started</a>

.btn {
 background: ваша стрелка в нужном месте
}

Альтернатива: псевдоэлемент со стрелкой.

Но стрелка это не img.

Answer 1

[archelon]

.header-link {
display: flex; /*или inline-flex*/
align-items:center;
}
.header-link img {
flex-shrink: 0;
margin-right: .5em;
}

Кнопку делаете аналогично.

Comments

[Ivan Vasilievich]

Спасибо огромное

[HardBot]

не или, а нужно использовать inline-flex, это строчный элемент

Answer 2

[gaalev]

Внутри div помещаешь текст и картинку и для div пишешь в стилях:

display: flex;
align-items: center;

Подойдет к обоим вопросам