垂直对齐具有一个和 2 个<跨度>

Question

我正在寻找对齐我的一个

容器，该容器具有嵌套的

和 2 ; 标签，但我似乎无法将 margin-top: 6px; 应用到容器

。

padding-top: 6px; 会是答案吗？

Answer 1

在这里，http://jsfiddle.net/EWkMA/

CSS：

div#middle {
    height: 200px;
    vertical-align: middle;
    display: table-cell;
}

HTML：

<div id='middle'>
    <input type='text' value='test'/><br/>
    <span>a</span><br/>
    <span>two</span>
</div>