Подравнете етикета до полето за текстове, центрирано? чист разтвор css - html, css

Така че имам този фрагмент: (това е jsfiddle)

<div><label style="height: 58px;">Label</label>
<textarea>11111</textarea>
</div>

<br/>
<br/>
<br/>
<br/>

<div><label style="height: 158px;">Label</label>
<textarea style="height:199px">11111</textarea>
</div>

това е CSS

label{
display:inline-block;
background-color: grey;
}

Това е тъжният резултат:

Искам етикетът да бъде в центъра на текстовото поле. Някой знае ли какво става тук?

Отговори:

Трябва да настроите vertical-align: middle property for textarea (или за всеки елемент, за който искате да зададете етикет - например работи за множество избиране).

Работа цигулка тук

Виж това jsFiddle

употреба vertical-align CSS собственост, за да зададете средна стойност за решаване на този проблем.

HTML

<div>
<label>Label</label>
<textarea>11111</textarea>
</div>

<br/>
<br/>
<br/>
<br/>

<div>
<label>Label</label>
<textarea style="height:199px;">11111</textarea>
</div>

CSS

textarea{
vertical-align: middle;
}