Я пытаюсь расположить глифы по вертикали и горизонтали с увеличенным размером шрифта внутри кнопки Twitter Bootstrap v3 xs.Значок расположен слишком высоко и слишком далеко налево.Я пробовал vertical-align: middle
и text-align: center
безрезультатно.
HTML:
<button class="btn btn-default btn-xs" type="button">
<span class="glyphicon glyphicon-pause"></span>
</button>
CSS:
.glyphicon, .fas, .fa, .fab, .far, .fal {
font-size: 15px;
}
JSFiddle
Редактировать: для ясности, проблема возникает с размером шрифта 15.