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

Question

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

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

Answer 1

это следует сделать трюк

div > .glyphicon { 
    display: block; 
} 

Answer 2

div i:before {font-size:14px;}