Как сделать div такой же высоты, как содержимое глифика?

В этом простом примере внутренний тег имеет высоту 14px, но внешний тег имеет высоту 20px. Как сделать так, чтобы тег контейнера имел такую ​​же высоту, как и его дочерний элемент? Я попытался установить div для inline-block, но это ничего не сделало.

<div>
    <i class="glyphicon glyphicon-folder-close"></i>
</div>

2 ответа

Решение

Это должно сработать

div > .glyphicon {
  display: block;
}
div i:before {font-size:14px;}
Другие вопросы по тегам