julekgwa julekgwa - 27 days ago 7
HTML Question

How can I create space between my inline-block checkboxes in CSS

I have created list of

checkboxes
and used
border-radius
on the label, now border of each checkbox touches each other or goes through each other's border.
enter image description here

CSS

.interest {
display:inline-block !important;
}

.bubble {
position: absolute;
left: -9999px;
top: 0;
}

.circle {
border: 1px solid #000;
padding: 15px;
border-radius: 50%;
}


fiddle example

Answer

I would simply encourage you to add margin to your label.

label {
    margin: 30px 2px;
    float: left;
}

Check this fiddle: