Hey there redkite, thanks for your patience. I believe this could get you down the right path:
We will float the hidden text boxes and then push them up alongside, for example (and I only tested this in Chrome with the developer tools) - you could try placing the following CSS:
margin: -160px 0 0 0;
This will target the Asthma hidden field. You'll then want to rinse and repeat with your other fields and adjust the margin as needed to line up next to the check box. Let me know how this works for you.
Also, as a side note, you'll want to account for these position if all or any combination of check boxes are selected. You can always make more height be styling the left-side checkboxes as well to give them a little more height in between or hide the label on the right side options so it just has the input box. Let me know if you need any more help.
Posted 9 years ago on Tuesday October 25, 2011 | Permalink