User Registration
Print screen without additional CSS

Structure with classes and id's
div.registration form#member-registration.form-validate fieldset legend dl dt span.spacer span.before span.text label#jform_spacer-lbl strong.rood span.after dd dt label#jform_name-lbl.hasTip.required span.star dd input#jform_name.required dt label#jform_username-lbl.hasTip.required span.star dd input#jform_username.validate-username.required dt label#jform_password1-lbl.hasTip.required span.star dd input#jform_password1.validate-password.required dt label#jform_password2-lbl.hasTip.required span.star dd input#jform_password2.validate-password.required dt label#jform_email1-lbl.hasTip.required span.star dd input# id="jform_email1" class="validate-email required dt label#jform_email2-lbl.hasTip.required span.star dd input#jform_email2.validate-email.required div button.validate a
CSS
/* ----------------------
User registration form
------------------------- */
div.registration form#member-registration {
width: 100%;
}
div.registration form#member-registration fieldset {
display: block;
padding: 6px 6px 20px 6px;
border: 1px #999 solid;
margin: 0 0 15px 0;
}
div.registration form#member-registration fieldset legend {
font-weight: bold;
font-size: 13px;
}
div.registration form#member-registration fieldset dl dt span.spacer span.text label#jform_spacer-lbl {
display: block;
padding: 0 0 15px 0;
width: 100%;
}
div.registration form#member-registration fieldset dl dt label {
float: left;
display: block;
width: 190px;
padding: 0 0 2px 0;
}
div.registration form#member-registration fieldset dl dd {
padding: 0 0 2px 0;
}
div.registration form#member-registration fieldset dl dd input {
width: 210px;
}
Print screen after applying CSS


