How to customize a set of controls with CSS

Tags: html,css

Problem :

I have this structure for fill out forms in html

    <fieldset class="signup">
        <div>
            <label>First Name:</label>
            <asp:TextBox ID="txtFirstName" runat="server"/>
        </div>
        <div>
            <label>Last Name:</label>
            <asp:TextBox ID="txtLastName" runat="server"/>
        </div>
    </fieldset>

And I defined this CSS

form fieldset 
{
    clear: both;
    border-width: 0px;
    border-style: none none none none;
    padding: 0px;
    margin: 0px;
}

form fieldset div 
{
    clear: left;
    display: block;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    vertical-align: central;
}

form fieldset div label {
    display: block;
    float: left;
    /*width: 150px;*/
    padding: 1px 20px 0px 0px;
    text-align: left;
    vertical-align: central;
}

The appareance is clean but I commented the width attribute in the last style for labels in order to make it generic in the future. So I added a new style for my specific form and added this class to the fieldset but it's not working. I lost the width of my labels so how can I fix this mistake?

form fieldset div label .signup {
    width: 150px;
}

---

Solution :

This should work:

fieldset.signup div label  {
    width: 150px;
}