Bootstrap 4: выровнять текст по значку внутри кнопки начальной загрузки

Question

Как можно расположить текст под значком, чтобы текст оставался внутри кнопки?

Я использую эту кнопку внутри таблицы

Предварительный просмотр изображения: Кнопка

  <a href="@Url.Action("Edit", "LocalDaOperacao", new {id=item.LocalDaOperacaoID})"class="btn btn-warning" id="tamanho-botoes" >
   <span class="fa fa-edit"> Edit</span>
  </a>

#tamanho-botoes {
    width: 38px;
}

Answer 1

Вот, пожалуйста,

  <a href=""class="btn btn-warning p-1" id="tamanho-botoes" >
   <span class="fa fa-edit"></span><br><span class="">Edit</span>
  </a>

#tamanho-botoes {
    width: 38px;
    line-height: 1;
}

Проверьте Скрипка

Надеюсь, это поможет.