Html 内联两个按钮-一个在a<；表格>；，一个在外面

我在html模板中有两个按钮，一个在表单内部，另一个在表单外部。如何通过CSS设置样式，使其显示为内联？在第二个按钮中包含

display:inline

不起作用

例如，查看以下代码段，

OK_1

和

OK_2

将如何内联显示（仅使用CSS）：

OK_2

添加

显示：内联块

应该就可以了

表单{
显示：内联块；
}

OK_2

添加

显示：内联块

应该就可以了

表单{
显示：内联块；
}

OK_2

只需将父级设置为flex容器：

body{display:flex；}

OK_2

只需将父级设置为flex容器：

body{display:flex；}

好的_2

试试这个：

下面是一个可运行的代码片段

表单输入[type=“submit”]{
显示：内联块；
填充：10px；
背景色：#000000；
颜色：#ffffff；
浮动：左；
保证金：5px；
}
.按钮{
显示：内联块；
填充：10px；
背景色：#000000；
颜色：#ffffff；
边界：0；
浮动：左；
保证金：5px；
}

好的_2

试试这个：

下面是一个可运行的代码片段

表单输入[type=“submit”]{
显示：内联块；
填充：10px；
背景色：#000000；
颜色：#ffffff；
浮动：左；
保证金：5px；
}
.按钮{
显示：内联块；
填充：10px；
背景色：#000000；
颜色：#ffffff；
边界：0；
浮动：左；
保证金：5px；
}

好的，你应该给表单一个类，这样其他表单就不会这样做了


form.inline\u之后{
显示：内联块；
}
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↓表单元素是红色的！↓
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
按钮不在表单中，但为内联！
您应该给表单一个类，这样其他表单就不会这样做


form.inline\u之后{
显示：内联块；
}
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↓表单元素是红色的！↓
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
按钮不在表单中，但为内联！
为表单制作css：


表单{
浮动：左；
右边距：10px；
}

OK_2
为表单制作css：


表单{
浮动：左；
右边距：10px；
}

好的_2
我已经添加了答案签出我将从表单元素中删除按钮，并使用JavaScript获取按钮来触发表单。@Dai OP想要使用css和html。为什么要用Java来做如此简单的事情我已经添加了答案check it outI我会从表单元素中删除按钮，并使用JavaScript来获取按钮以触发表单。@Dai OP想使用css和html。为什么要用Java来做这么简单的事情