имеют равные расстояния между флажком и этикетки

Question

У меня есть 10 флажков, как это:

[] Arts [] Dance [] Karate 
[] Volleyball [] Basketball 

Я следующие CSS:

#tagstype_tags .tag_select { 
    padding-left: 240px !important; 
    width: 500px !important; 
} 
.tag_select label { 
    margin-right: 15px; 
    margin-left: 10px; 
} 

Как я могу заставить их выглядеть?

[] Arts   [] Dance  [] Karate 
[] Volleyball [] Basketball 

Answer 1

Это действительно зависит от вашей разметки. Если у вас есть, например, список с элементами списка, вы можете сделать это

<ul> 
<li class="checkboxLI"><input type="checkbox" name="volleyball"><label>Volleyball</label></li> 
<li ... 
</ul> 

Затем вы можете определить элементы списка для отображения «встроенного блока» с фиксированной шириной от «все, что вам нравится». У вашей метки будет, например, 10px обивка на левом

ul { 
    display:block; 
    width:100%; 
} 
.checkboxLI { 
    display:inline-block; 
    width:150px; 
} 
.checkboxLI input { 
    display:inline; 
} 
.checkboxLI label { 
    display:inline; 
    padding-left:10px; 
} 

Единственная вещь, которую вы не можете избежать, что метка будет обернуть, если они слишком долго ....

Надежда, что помогает,

Уве