Webflow表单实现Label与Input同行并排的方法

Webflow默认会把表单的Label放在Input字段上方，而且没有便捷的可视化设置选项能直接让两者同行并排。我同事找到了一个实用的解决办法，具体操作如下：

• 给Input字段的盒模型设置负顶部边距，抵消默认布局的垂直间距，让Input向上对齐到Label所在的行
• 给Input字段添加左边距，避免和Label的文字内容重叠
• 为Input补充合适的内边距，保证输入内容的显示不受负边距影响，维持正常的排版

内容的提问来源于stack exchange，提问作者givonz