html - Inputs vertical-align:middle in td, but not text? -

html - Inputs vertical-align:middle in td, but not text? -

why text , controls within table cells ignore/not inherit vertical-align:middle; style of cell (or row, or both)?

in css stylesheet loaded page:

tr.troptions{ vertical-align:middle; } td.tdoptions{ white-space:nowrap; vertical-align:middle; }

the inspector showing style applied:

but within row not appear aligned vertically @ middle in ie10 beingness developed for:

the checkboxes centered vertically, not text , not textboxes. left text box lower the right.

the controls seem vertically aligned fine in firefox though, still not text:

tried putting style td, tr , table no avail. doing wrong?

edit:

i challenge downvoted "bad" question produce css vertically middle-aligns text, check boxes, radio buttons, text boxes , buttons in table cells ie10. , if cannot - know are: all-hat-no-cattle.

i don't know why happens, in general, can utilize

.troptions { position: relative; top: 50%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); }

for text, can utilize line-height: 00px 00 same height.

html css vertical-alignment