Html 如何在div中水平对齐标签、输入和i元素？

我正在尝试使用引导搜索图标创建文本输入。但是，标签、输入元素和搜索图标都显示在不同的行中。我正在Firefox的最新版本中尝试

是JSFiddle链接。下面是相同的代码

国家：

虽然我已经解决了您的问题，但您需要处理多件事情

编辑：

您应该使用

class=“form inline”

删除内联css。使用适当的类

国家：

虽然我已经解决了您的问题，但您需要处理多件事情

编辑：

您应该使用

class=“form inline”

删除内联css。使用适当的类

国家：