Html 在单行上水平对齐表格单元格中的元素

在我的表中，有一列包含两个按钮和一个输入元素。这是命令；减号按钮，输入，加号按钮。但是，这些元素都是垂直对齐的。我似乎找不到解决我特殊处境的办法。如何使其水平对齐

html:

css:

.page btn{
宽度：1.5雷姆；
保证金：0.4雷姆；
填充：0；
大纲：无！重要；
}
.页面btn.图标{
过滤器：反转（99%）深褐色（10%）饱和（424%）色调旋转（204度）亮度（114%）对比度（93%）；
宽度：1.5雷姆；
高度：1.5雷姆；
保证金：.125rem 0.125rem 0；
大纲：无！重要；
}
.桌子{
颜色：#f6f6f6；
字体大小：.8rem；
}
.table hover t车身tr:hover td.table hover t车身tr:hover th{
颜色：#f6f6f6；
背景色：#161d31；
}
.页面输入清单{
垂直对齐：中间对齐；
文本对齐：居中；
字体大小：.9rem；
宽度：3rem；
高度：1.5雷姆；
保证金：.1rem自动；
填充：0 8px；
背景色：#ffffff；
边框：1px实心#dee2e6；
边界半径：6px；
大纲：0无！重要；
}

屏幕截图：

你试过这个吗

xyz {
   display: inline;
}