julekgwa julekgwa - 4 months ago 19
HTML Question

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

I have created list of

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


.interest {
display:inline-block !important;

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

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

fiddle example


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

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

Check this fiddle: