搜索框旁边的浮动/对齐响应表单按钮

问题描述

我正在研究一个新模板,并让我的搜索表单准确显示我希望在各种设备上使用的方式,左侧的搜索框和右侧的右侧浮动按钮。不幸的是,由于表单以div分隔,因此会导致验证错误

我一直在尝试不同的方法解决此问题,包括display:inline,span等,但是很茫然。当我将其从divs中取出时,它只会堆叠而不是显示搜索框旁边的按钮,而只能将其堆叠在480px或更小的屏幕上。我觉得这里缺少明显的东西。任何帮助将不胜感激。

解决方法

最后弄清楚了,这要感谢W3Schools Inline Form tutorial