Можно margin-top добавить)
а нельзя добавить эту стрелку в качестве какого-нибудь div и дать align-items center?
Задать через бэкраунд
Почему?
ну видишь не можешь выровнять, сделай через div
Попробуй задать это изображение в бэкгроунд для кнопки и выровняй его с помощью background-position
Background-position: right (в px) center
Создать див для кнопки и изображения, и создать в нем див с изображением?
vertical-align: middle; всем детям кнопки. и возможно текст надо обернуть в span
там у кнопки нет детей
вот этот более менее норм, только размер пофиксил бы
Размер самое то, выглядит отлично
почему более-менее?) ну можно еще сделать через position: absolute; у after'a и padding-right: у кнопки, но это уже такое себе а насчет размера - это уже не влияет на решение)
button { padding: 10px 40px; border-radius: 30px; background-color: red; color: #fff; font-size: 20px; font-weight: bold; border: none; outline: none; display: flex; align-items: center; } button:after { content: url('https://upload.wikimedia.org/wikipedia/commons/1/12/Right_arrow.svg'); }
Обсуждают сегодня