Можете подсказать, желательно с примером

Суть в том чтобы выравнивать li. Задачка состоит в следующем:
Если у li ширина меньше 250px то ей присваивается ширина в 25%
Если у li ширина меньше 350px то ей присваивается ширина в 33%
Если у li ширина больше 450px то ей присваивается ширина в 50%
Если у li ширина больше 550px то ей присваивается ширина в 100%