インラインブロックの親 - 子の背の高さはありませんか？

Question

私はinline-block divを持っています。私はその子よりも背が高くなりたくありません。これは達成可能ですか？ここで

は、現時点では何が起こっているかの実例です（色が追加）：

.agenda-btn-container { 
 
    display: inline-block; 
 
    background-color: pink; 
 
} 
 

 
#agenda-view-start-btn { 
 
    background-color: gray; 
 
} 
 

 
#agenda-view-previous-btn { 
 
    background-color: gray; 
 
}

<a class='agenda-btn-container' id='agenda-view-btn-container-previous' href='#'> 
 
    <i id="agenda-view-start-btn" class='i-vb-angle-double-left i-space--right'></i> 
 
    <span id="agenda-view-previous-btn">Previous</span> 
 
</a>

基本的に、私の所望の最終製品がでピンクのスペースを排除するであろう親を高さは#agenda-view-previous-btnにします。当初は親をdisplay: inlineに設定することでこれをうまくやっていましたが、残念なことにクロスブラウザの問題のため、親はinline-blockでなければなりません（またはblockでも動作しますが、多くの違いがあります）。

Answer 1

line-height：normalを追加すると、継承された行の高さがリセットされます。

.agenda-btn-container{ 
    display: inline-block; 
    background-color: pink; 
    line-height: normal; 
}