css - 如何在单条水平线上对齐文本、输入框、btn-group

Question

我有由两组组成的文本、输入框和 btn-group，我希望它们都显示在一条水平线上。我使用块类作为父类并将内联块显示放在它下面，以实现我上面描述的内容。但是按钮进入新行。

我的 HTML：

<div class='block'>
    <div class='desc' style='display:inline-block; width:80px;'>
        Reply 1: 
    </div>  
    <div style='display:inline-block; width:calc(90% - 80px);'>
        <input type='text' class='form-control' placeholder='Answer Text'></input>
    </div>      
    <div style='display:inline-block; width:10%; text-align:right;'>
        <a class='btn defineBranching' href='#'>
            <i class='fa fa-random'></i>
        </a>
        <a class='btn deleteAnswerField' href='#'>
            <i class='fa fa-trash-o'></i>
        </a>
    </div>
</div>  

结果如下图所示：

知道如何解决这个问题吗？

更新：这是空白问题。当您在块类的子级中注释掉新行时，它可以解决问题。