Вертикальное выравнивание текста внутри textarea [РЕШЕНО] - Вопросы по CSS

размечаешь дивами, а значения забираешь скриптом в скрытый input
https://codepen.io/desandro/pen/gICqd

чет я пример левый привел

Код

contenteditable="true"

нужно приписать диву и тащить из него скриптом данные

ну добавь ещё один блок для него и показывай при пустом основном блоке - вот прямо суперзадача

загоняешь текст прейсхолдера в data атрибут блока, а плейсхолдеры скриптом создаешь - вот тебе и типовое решение

Хороший вариант. Но если забивать текст в блок или ячейку непосредственно, то как тогда быть с placeholder? Как реализовать? Может и здесь какие-нибудь типовые решения есть?

<div contenteditable="true" data-placeholder="gsgsdgfsdgfsdgf"></div>

div[contenteditable="true"]:empty::before {
    content: attr(data-placeholder);
    color: #999;
}

Вот такой вариант
блок в html:

Код

<div contenteditable="true" data-placeholder="gsgsdgfsdgfsdgf"></div>

стиль:

Код

div[contenteditable="true"]:empty::before {
    content: attr(data-placeholder);
    color: #999;
}

Век живи, век учись. До сегодняшнего дня думал, что селекторов пустых элементов не бывает, а оказывается вон оно как.