Как установить шаг для динамического размера элемента в CSS?
У меня есть форма, которая имеет оптически две стороны (слева и справа). Высота полей ввода постоянна, поэтому левые и правые поля расположены точно на одной и той же "линии".
Теперь я хочу добавить блоки описания / комментария в некоторые поля. "Линии" не могут быть нарушены. Это не проблема для краткого комментария, что нужна только одна "строка". Я могу просто установить min-height на высоту полей ввода. Но более длинные тексты потребуют многократных разрывов строк и поэтому разрушат мои воображаемые "строки".
Так что мне нужно, это способ определить что-то вроде "шага" для блоков комментариев. так что если блок комментария содержит несколько строк текста, он увеличивается на одну или несколько heights (например: height является 20px; тогда блок может стать больше, чтобы содержать больше текста, но только в 20px шаги как 40, 6080, так далее.).
Как это сделать с чистым CSS (без JavaScript)?