span внутри тега с таким же пробелом

Question

Я хочу поместить интервал в тег, который охватывает все одинаковое пространство (я имею в виду интервал с одинаковым пространством (шириной и высотой) тега)

<a class="a-tab">
   <span class="fa fa-fw fa-plus">
</a>

.a-tab{
     float: none;
     display: inline-block;
     color: #333333;
     padding: 0.571em 1em;
     font-weight: 700;
}

.fa-fw{
    width: 1.28571429em;
    text-align: center;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;

 }

, поэтому проблема в том, что я могу изменить тег, потому что он из библиотеки lib и значка fa plus. Единственное, что я могу изменить, это <span>, может быть, <div>. Но, похоже, не работает. Я пытался поставить ширину: 100% и высоту: 100%, но все еще не работает.

Есть предложения?

Answer 1

Попробуйте добавить эти стили:

a.a-tab {
    position: relative !important;
}

a.a-tab span {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
}