У блочного элемента вставь поведение строчного. У одного элемента ставишь float с одной стороны, у другого с противоположной.
но не понял как она может помочь в данном случае
ii ++? Может все таки i++?document.querySelectorAll('input[type="chekbox"]') и дальше forEach.`с самими селекторами вопросов не возникает,
let lines = вычисляем;
item.style.setProperty('--lines', lines);line-clamp: var(--lines, 4)text-overflow: ellipsis; и line-clamp
А то сейчас, вы говорите, что второй способ это инлайн (лучше бы инлайн блоки). И прикрепляете ссылку, внезапно, на гриды.
Какое отношение имеют гриды к инлайнам не ясно.
Хорошо бы добавить, что и флоаты и инлайнблоки это устаревшие способы. А актуальные - флексы и гриды.
Но автор вопроса вообще не считает нужным участвовать в обсуждении и уточнять, что именно не выходит.