Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I am attempting to recreate an iPhone-like checkbox/toggle area. The result should look like this (notice the clean spacing between the toggle buttons)
However, I’m encountering an issue with the spacing between the toggles/checkboxes. Instead of .togglebox being spaced with what looks like ~10px padding, they are lining up right under each other. I’ve tried margin, padding, width, height, etc. without any luck.
Here is my current coding: http://jsfiddle.net/eHnn5/1/
You need to add height property in #toggleboxcategories as the child element is positioned absolute, there will be no use of padding or margin in this case.
Hope it helps.