Авто­ма­ти­че­ский ре­зи­но­вый шев­рон

Всё до­воль­но про­сто: толь­ко CSS и HTML, хотя HTML в ито­ге по­лу­ча­ет­ся ужа­са­ющим.

Смысл это­го экс­пе­ри­мен­та вот в чём: в дроп­да­ун, ко­то­рый по­ка­зы­ва­ет­ся по кли­ку на «ещё», ав­то­ма­ти­че­ски по­ме­ща­ют­ся все пунк­ты, ко­то­рые не по­ме­сти­лись в одну строч­ку по ши­рине. При этом за­ра­нее неиз­вест­но ни ко­ли­че­ство эле­мен­тов, ни их ши­ри­на, ни ши­ри­на ро­ди­те­ля —и всё это без JS.

По­из­ме­няй­те раз­мер окна для де­мон­стра­ции ра­бо­ты шев­ро­на. Ра­бо­то­спо­соб­ность про­ве­ря­лась толь­ко в со­вре­мен­ных !IE бра­у­зерах.

Ду­маю, не сто­ит осо­бо объ­яс­нять по­че­му та­кое, на са­мом деле, луч­ше де­лать при по­мо­щи явас­крип­та, но дан­ный при­мер, как и мно­гие мои дру­гие экс­пе­ри­мен­ты, со­зда­вал­ся, ско­рее, как proof of con­cept и ис­сле­до­ва­ние воз­мож­но­стей при­ме­не­ния раз­ных се­лек­то­ров и их со­че­таний.