IE CSS格式无表表单，带有标签、输入和选择

我在正确格式化CSS以IE方式显示时遇到问题。它完美地出现在Firefox中。我试图让它显示标签，然后在它旁边有一个输入或选择框，是对齐的，大小都一样，所以它看起来均匀。我知道IE有很多漏洞，但似乎都没有改变。下面是我在firefox中使用的CSS和html代码示例。任何帮助都很好，谢谢

*CSS

*HTML

名字：


姓氏：


用户角色：
管理
基本的

修复标签标签，然后尝试以下css代码：

fieldset {
        border: none;
        padding: 10px;
        width: 600px;
        margin-top: 5px;
    }

    label {
        width: 140px; 
        margin: 5px;
        display: block;
        float: left;
    }

    input, select {
        width: 150px;
        margin: 5px;
        float: left;
        display: block;
    }

    br {
        clear: both;
    }

---

它适用于IE、FF、Chrome和Safari。此外，您可能希望尝试使用来设置表单元素的样式。

您的标签结束标记拼写错误。您发布的示例代码似乎与您在Firefox中描述的方式不同。对我来说，它是在输入上方而不是旁边呈现标签。啊，是的，是拼写错误的标签导致它呈现不正确。不，这只是一个输入错误，因为我没有复制并通过它。但是，您是对的，问题是标签呈现在输入之上。我没有发布所有代码，因为它位于另一台计算机上。lol，我又发布了一次。对不起。另外，为了获得有效的HTML，请确保关闭br标记，如
。这是有效的XHTML，对于有效的HTML不是必需的

<fieldset>
    <label>First Name:</lable>
    <input type="text" value="first_name" /><br >

    <label>Last Name:</lable>
    <input type="text" value="last_name" /><br >       

    <label>User Role:</lable>
    <select>
        <option value=""></option>
        <option value="admin">Admin</option>
        <option value="basic">Basic</option>
    </select>
 </fieldset>

fieldset {
        border: none;
        padding: 10px;
        width: 600px;
        margin-top: 5px;
    }

    label {
        width: 140px; 
        margin: 5px;
        display: block;
        float: left;
    }

    input, select {
        width: 150px;
        margin: 5px;
        float: left;
        display: block;
    }

    br {
        clear: both;
    }