Html 搜索字段问题：Can'；t正确地将搜索字段与搜索字体图标并排插入

我在一个房地产网站项目上工作。我已经创建了Photoshop模板并上传到Behance上

现在，我正在创建房地产商店模板的静态版本。我面临一个问题。我无法将搜索字段与搜索字体的徽标并排插入。我已经尽了最大的努力来修复它。请查看屏幕截图以了解问题：

#搜索矩形{
宽度：50px；
高度：40px；
背景色：#0054a6；
}
#在此处搜索矩形{
宽度：110px；
高度：40px；
背景色：#00aeef；
}
#搜索字段{
宽度：110px；
高度：40px；
背景色：#00aeef；
}

给你。。用您想要的图标更改“GO”文本

.input group.btn{
背景色：#0054a6；
填充：10px 12px；
边界：0无；
颜色：#fff；
}
#搜索字段{
宽度：110px；
背景色：#00aeef；
颜色：#fff；
高度：40px；
边界：0无；
}

走！

你太棒了！我现在面临一个导航的小问题。如果我不能解决它，我会发布一个关于它的新问题。如果可能的话，你能给我接通LinkedIn吗？你似乎是一个像我一样充满激情的程序员。所以，我很想和你联系。