Вертикальное центрирование текста в карточке bootstrap, используемой в качестве кнопки
Как сказано в заголовке, я пытаюсь выровнять текст по вертикали внутри карточки bootstrap. Я могу выровнять его по горизонтали просто отлично, но не по вертикали. Я пробовал разные способы. Я бы использовал кнопку, но в них нельзя хранить ссылки. Вот некоторый код
<div class="col-sm-4">
<a href="{% url 'manufacturing:view_sections' %}" class="btn btn-primary lift lift-sm h-100 w-100 text-center" style="width: 100vw;" role="button" aria-disabled="true"><h1 class="text-light"><strong>Primary link</strong></h1></a>
</div>
Вот как это выглядит сейчас
Вся карта используется как кнопка, при нажатии на которую происходит переход на другую страницу.