Espaço horizontalmente fora minhas caixas de seleção usando css? [fechadas]
Eu tenho uma lista de caixas de seleção que gostaria de espaçar em uma única linha horizontal.
<div class="timesheet-daily-entry-fields-container">
<input id="TimesheetMondayCheckbox" class="timesheet-daily-checkbox" type="checkbox"/>
<input id="TimesheetTuesdayCheckbox" class="timesheet-daily-checkbox" type="checkbox"/>
<input id="TimesheetWednesdayCheckbox" class="timesheet-daily-checkbox" type="checkbox"/>
<input id="TimesheetThursdayCheckbox" class="timesheet-daily-checkbox" type="checkbox"/>
<input id="TimesheetFridayCheckbox" class="timesheet-daily-checkbox" type="checkbox"/>
<input id="TimesheetSaturdayCheckbox" class="timesheet-daily-checkbox" type="checkbox"/>
<input id="TimesheetSundayCheckbox" class="timesheet-daily-checkbox" type="checkbox"/>
</div>
Eles são exibidos na linha, mas eu gostaria de espaçá-los mais.
.timesheet-daily-checkbox {
margin: 10px;
padding: 10px;
display:inline-block;
overflow:hidden
}
Eu prefiro não criar um div em torno de cada entrada, há uma maneira mais fácil?