html单选按钮为什么不好使,HTML单选按钮不会并排显示

我在使用HTML表单时遇到了一些麻烦，我试着查找它并在网上寻找解决方案，而我找到的“解决方案”并不适合我。我遇到的问题是我的单选按钮不是并排显示的。而且我相信我知道为什么，但是如果我知道是什么导致了它，它会将我剩余的表格分解。HTML单选按钮不会并排显示

这里是我的HTML代码：

Survey

SURVEY

Name:

Email:

Favorite Browser:

Internet Explorer

Mozzila Firefox

Apple Safari

Opera Browser

Select your favorite Programming Language:

VB.Net

Java

HTML

C++

Ruby

Comments:

Copyright © 2013 Richard Paulicelli

You can send me an email at [email protected]

这里是我的CSS样式表代码：

form { background-color: #eaeaea;

font-family: Arial, sans-erif;

width: 350px;

padding: 10; }

label { float: left;

width: 100px;

display: block;

clear: left;

text-align: right;

padding-right: 10px;

margin-top: 10px; }

input, textarea, select { margin-top: 10px; display: block; }

#mySubmit { margin-left: 110px; }

#footer { background-color: #CCCFFF;

text-align: center;

color: #333333;

font-size: 1em;

clear: both; }

现在，我相信这是造成问题的原因是在我的CSS样式表这条线就在这里：

input, textarea, select { margin-top: 10px; display: block; }

但是，如果我删除input它修复了单选按钮，但我的表单的其余部分都搞乱了。

我试图做input.radio { display: inline; }

我试图做#fav_Lang input.radio { display: inline; }(fav_Lang是单选按钮名称和ID)。

所以我完全丧失了什么，任何帮助将不胜感激。谢谢:)

+0

另一方面，页面上不应该有多个ID名称。它应该是识别。他们应该都有不同的ID值。 –

+0

是的，它不是这样，它是完全不同的，但我改变了它以尝试不同的事情。我已经改回它了。 –