Poziome zaznacz pola wyboru za pomocą css? [Zamknięte]
Mam listę pól wyboru, które chciałbym umieścić w jednej linii poziomej.
<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>
Wyświetlają się na linii, ale chciałbym je bardziej rozdzielić.
.timesheet-daily-checkbox {
margin: 10px;
padding: 10px;
display:inline-block;
overflow:hidden
}
Wolę nie tworzyć div wokół każdego wejścia, czy jest łatwiejszy sposób?