Question

CSS with checkboxes

Forms

Updated February 23, 2016

asked on February 18, 2016 • Show version history

Having troubles trying to get a few side-by-side fields to be displayed correctly.

The code I'm using for this so far is:

.choice label.form-option-label { display: none}

#q4, #q5 {display: inline-block; width: 50% vertical-align:top;}

trying to extend the label to 80% doesn't seem to pull the label further and then it puts the second piece on the next line. the hidden check box is just 'check' for the name. I didn't need a title of the check box but i wasn't able to use it unless something was there is seemed.

Is there a better way to extent the labels with keeping these two on the same line?

0 0

Answer

SELECTED ANSWER

replied on February 18, 2016

Did you expect the fields to show like this?

If so, you can try the following code:

#q4 .cf-label, #q5 .cf-label  {width: 60%}
#q4 .cf-field, #q5 .cf-field  {width: 40%}
.choice label.form-option-label { display: none;}
#q4, #q5 {display: inline-block; width: 50%; vertical-align:top;}

1 0

Replies

replied on February 23, 2016

yes thank you. field and label i see how you did it now.

0 0

You are not allowed to follow up in this post.

Question

Question

CSS with checkboxes

Answer

Replies

Sign in to reply to this post.