formatowanie checkbox w css Opcje

[peklo]

Mam pytanie dotyczące formatowania pewnie w css.
Otóż na podstawie zapytania generuje checkboxy w petli. Czasami jest ich 5 ,czasami 30. I teraz chciałbym o ile się oczywiscie da żeby za pomocą CSS tak sformatować te checkboxy żeby wyswietlały mi się po 5 w wierszu. Oczywiscie checkboxy mają być wyrównane w kolumnie do lewej strony. Na końcu checkboxa generowany jest również text.
Generalnie ma to wyglądać tak

a wygląda niestety tak


Ten post edytował peklo 14.05.2014, 19:33:36

[mar1aczi]

Do złamania linii wykorzystaj

Kod

li:nth-child(5n+1)

a checkboxa wyświetlaj w blokach o ustalonej szerokości.

[peklo]

ale to mam dać w css
.checkbox{
li:nth-child(5n+1);
//i tu dalej jakiegoś kodu ?
}

[mar1aczi]

"Kawałek" kodu: http://jsfiddle.net/SH3u7/
Możesz jeszcze zmienić szerokość na wartość w procentach

Kod

#osprzet ul li {
    display: inline-block;
    float: left;
    width: 30%;
}

Ten post edytował mar1aczi 14.05.2014, 20:22:34

[peklo]

ok, dzięki za pomoc cos będe kombinować