Comment faire une même hauteur div que le contenu de glyphicon?

Question

Dans cet exemple simple, l'étiquette intérieure a une hauteur de 14px, mais l'étiquette externe a une hauteur de 20px. Comment puis-je faire en sorte que l'étiquette de conteneur ait la même hauteur que son enfant? J'ai essayé de placer le div à inline-block, mais cela n'a rien fait.

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

Answer 1

cela devrait faire l'affaire

div > .glyphicon { 
    display: block; 
} 

Answer 2

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