Align text vertically inside a <a href="" class="btn">Text</a> in Bootstrap 3/4

Question

This is my website html:

<div class="row">
      <a href="#" class="btn btn-danger btn-lg">Text
      </a>
</div>

Do I have to change my html? or add a class in my css?

Answer 1

Little changes in your html structure are required

<div class="row">
    <div class="col">
      <a href="#" class="btn btn-danger btn-lg">Text
      </a>
    </div>
</div>