Как разместить текст по центру кнопки?

Question

[MaxRUB42]

Не могу сообразить как сделать текст у ссылки по центру(по чему текст смещен вверх?)
Должно получится так:

https://jsfiddle.net/6250o4Lp/

Comments

[tenderstreet]

в css:

a {
display: block; -ссылку делаем блочной чтоб задать ей высоту и ширину
height(высота данного блока) и line-height: одинаковые; -это делаем чтоб было в центре по вертикали
text-align: center; -это делаем чтоб было в центре по горизонтали
}

[MaxRUB42]

tenderstreet, спасибо!

Answer 1

[Максим]

Вариантов много...
Можешь сделать:
display: flex;
align-items: center;
justify-content: center

Comments

[MaxRUB42]

Спасибо, как то для ссылки не собразил флекс использовать))

[lamer350]

MaxRUB42, flex прекрасен и игнорировать его в 2к19 смысла нет

[MaxRUB42]

Прекрасен не то слово. Просто часто в различных статьях и туториалах позиционируют как в 2000х. Это немного вводит в заблуждение)