html - 将两个按钮平行放置，高度相同

Question

我正在使用以下按钮，我希望它们平行且高度相同

我尝试将它们放在 span 上并给它们相同的高度，但它不起作用， 删除文件按钮比选择文件大而且不平行。

            <span>
                <button type="button" style="display: inline-block;height: 25px " id="RemoveFile">Remove File</button>
                <input onchange="fileOnchange(this)" style="height: 25px"  type="file"  />
            </span>

Answer 1

只是增加输入文件的字体大小

            <span>
            <button type="button" style="display: inline-block;height: 25px " id="RemoveFile">Remove File</button>
            <input onchange="fileOnchange(this)" style="height: 25px; font-size:15.6px;"  type="file"  />
            </span>

这是你期待的 fiddle

http://jsfiddle.net/eeT6Q/3/