グリフコンの内容と同じ高さになる方法は？

Question

この単純な例では、内側タグの高さは14pxですが、外側タグの高さは20pxです。コンテナタグを子と同じ高さにするにはどうすればよいですか？私はdivをインラインブロックに設定しようとしましたが、何もしませんでした。

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

Answer 1

これは私が推測するにそれを行うだろう20ピクセルと内側のタグのトリック

div > .glyphicon { 
    display: block; 
} 

Answer 2

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