Espaciar horizontalmente mis casillas de verificación utilizando css? [cerrado]
Tengo una lista de casillas de verificación que me gustaría haber espaciado en una sola línea 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>
Se muestran en la línea, pero me gustaría separarlos más.
.timesheet-daily-checkbox {
margin: 10px;
padding: 10px;
display:inline-block;
overflow:hidden
}
Prefiero no crear un div alrededor de cada entrada, ¿hay alguna forma más fácil?