|
BeTheBall -> Class and ID (3/13/2007 12:03:26)
|
I have a form with an ID of ws. My stylesheet contains the following:
#ws label, #ws input, #ws select {
display: block;
margin-bottom: 10px;
}
#ws label {
text-align: right;
width: 350px;
margin-right: 20px;
float: left;
}
#ws br {
clear: left;
}
I need to insert a couple of checkboxes into my form and need to override some of the above attributes. I placed the checkboxes inside a div and gave it a class name of cbGroup. However, I am finding it very difficult to override the above settings. For example, I want the text of the checkbox labels within the div to be left aligned, not right aligned. So, I added the following:
label.cbGroup {text-align:left;}
That seems to be completely ignored. Any thoughts on how to go about this?
One other major annoyance is something in the above is causing a line break between the checkbox and its label.
|
|
|
|
