Html 表单选按钮对齐问题

我想使表内容如图所示：-

但我得到的内容对齐问题，如我的代码所示

批准
拒绝

您可以从

span

标记更改为

div

标记，并通过

display flex

将提交按钮显示在右侧

.wrapper-class{
padding: 10px;
}
.form{
display:flex;
align-items: center;
width: 100%;
height: 100%;
}

/*
.wrapper类，.submit{
显示：内联块；
宽度：100px；
}
*/
.wrapper类{
填充：10px；
}
.表格{
显示器：flex；
对齐项目：居中；
宽度：100%；
身高：100%；
}

批准
拒绝

当我粘贴到表列内部时此代码。结果不一样。我得到单选按钮和提交按钮都一个接一个这个代码在这里工作不同你复制错误的位置，需要移动css到css部分，而不是js seciton，在这里它正确的一个