This behaviour is, I think, caused by the fact that the TextBox defaults to a vertical alignment of Stretch, which causes it to fill the available space and have the extra couple of pixels under the text. If you use this instead: <StackPanel> <StackPanel Orientation=”Horizontal”> <Label >MyLabel</Label> <TextBox VerticalAlignment=”Center” Width=”100″>MyText</TextBox> </StackPanel> </StackPanel> … you should … Read more
Vertical-Align vertical-align is used to align inline-level elements. These are elements, whose display property evaluates to: inline inline-block inline-table (not considered in this answer) Inline-level elements are laid out next to each other in lines. Once there are more elements than fit into the current line, a new line is created beneath it. All these … Read more
Try vertical-align:middle; on inline containers? EDIT : it works but all your text must be in an inline container, like this : <div style=”height:100px; line-height:100px; background:#EEE;”> <span style=”vertical-align:middle;”>test</span> <span style=”font-size:2em; vertical-align:middle;”>test</span> </div>