Почему vertical-align не работает для textarea?

Question

[Ivanushka255]

Вот – https://codepen.io/Van245/pen/poyvaqe

Comments

[Михаил]

vertical-align работает "в строке"
т.е. выравнивание элемента относительно высоты строки
https://css-tricks.com/what-is-vertical-align/

Answer 1

[Ankhena]

Почему тогда я могу спокойно передвинуть label? И textarea, и label находятся внутри одного элемента и оба являются строчными. В чем тогда разница?

Разница в том, что у label есть куда выравниваться в рамках строки, а у textarea нету, потому что именно он определяет высоту этой строки.
Разобраться вам поможет вот эта статья https://web-standards.ru/articles/vertical-align/

Comments

[Ivanushka255]

Большое спасибо:)

Answer 2

[xmoonlight]

vertical-align только для table-cell и inline

Comments

[Михаил]

мимо

[xmoonlight]

Михаил, почему?

[Михаил]

xmoonlight, https://css-tricks.com/what-is-vertical-align/

[xmoonlight]

Михаил, ну про img тут речи нет. Речь про контент-блоки.

[Михаил]

xmoonlight,

vertical-align только для table-cell

говорю же мимо

[xmoonlight]

Михаил, не мимо, а не полно.