Позиционирование стрелки UTF в CSS с :: after - PullRequest
Новая
       22

Позиционирование стрелки UTF в CSS с :: after

0 голосов
/ 29 мая 2019

Я пытаюсь создать кнопку с текстом в середине и символом стрелки UTF, который я добавил, используя :: after, пока все хорошо, но когда я пытаюсь увеличить размер шрифта стрелкитекст внутри просто падает вниз.

<div class="button_container">
<div class="button_small">
<button class="small"><span>Learn More</span></button>
</div>
</div>

.button_container .small {
width: 197px;
height: 51px;
border-style: none;
background-color: white;
cursor: pointer;
margin-bottom: 20px;
font-size: 15px;
text-align: left;
text-transform: uppercase;

.small::after
{
content: '\2192';
font-size: 30px;
}

Я хочу, чтобы стрелка была в центре текста.

...