使用jQuery按鈕將帶有省略號的文本水平對齊

Question

我正在嘗試使用jquery按鈕將某些文本（帶省略號）水平對齊，但無法弄清楚發生了什么。

這是顯示我的問題的jsfiddle：

http://jsfiddle.net/5bVDu/

<span>
    <span id='heading'>Long Heading That Requires Ellipsis</span>
    <span id='hiddenID'>ID</span>
    <button id='closeTab'></button>
</span>

如您所見，該按鈕似乎與文本有點偏移（較低），如何使它們顯示為水平對齊？

我已經嘗試過弄亂padding，margin，vertical-align並沒有成功，真的很感謝你們其中任何CSS專家提供的幫助！ 謝謝！

Answer 1

將vertical-align:top添加到#closeTab ：

#closeTab {
    height: 16px;
    width: 16px;
    margin-left:5px;
    vertical-align:top;
}

jsFiddle示例