如何使用html和css并排排列3个选择选项？

我正在使用python和flask编写一个在线Monty Hall游戏。我正在尝试将我的三个“门”（选择表单中的选项）并排排列，而不是通常的下拉格式

我已经尝试过在css中给他们右浮动和左浮动，但是这不起作用

我所有的代码都在里面

最后，

pickDoor.html

页面应该如下所示：

[A][B][C]

反对：

[choose a door]
[A]
[B]
[C]

---

您只需将

select

元素的

display

设置为

inline块

：

表单
{
文本对齐：居中；
}
选择
{
显示：内联块；
}

选择1
选择1
选择2
选择3
选择2
选择1
选择2
选择3
选择3
选择1
选择2
选择3

您需要使用带有自定义样式的单选按钮，或者使用自定义HTML元素、CSS和Javascript实现您自己的解决方案。。。这应该不会太难。

请确保您发布了可能的副本：这不是目标。目标是一个选项并排的选择。@JoePerna啊，好的，你能准确地解释一下你是如何设想的吗？它们是否必须折叠成一个选择按钮，或者您只是设想一行有三个按钮？一行有三个按钮，但是一次只能选择一个。@JoePerna您需要使用

单选
按钮，或者使用自定义HTML元素、CSS和Javascript实现您自己的解决方案。。。这应该不会太难。希望有帮助：）好的。我试试看。谢谢你的建议。