如何在单个水平线上对齐文本，输入框，btn-group

Question

我有两个组的文本，输入框和btn组，我希望它们全部显示在单个水平线上。我使用块类作为父类，并在其下面放置内联块显示，以实现我上面描述的内容。按钮进入了新的界限。

我的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>  

结果如下图所示： ext4

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

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