如何强制所有按钮位于同一行？

Question

我有一个简单的jquery移动页面，在控制组中有3个按钮。我希望它们出现在一行而不是换行到下一行。我玩过css，特别是字体大小，所以它看起来很好而不会太小，但我不能让它调整大小/缩小，以便它适合一行。以下是它在Galazy 3上的垂直外观：

和横向：

这是我的代码：

<div id="w_home" data-role="controlgroup" data-type="horizontal">
    <a href="" data-role="button" data-icon="arrow-l" data-iconpos="notext" id="prev"></a>
    <a href="" data-role="button" id="today"></a>
    <a href="" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-inline="true" id="next"></a>
</div>

#today中的文本是使用date.js动态设置的。

另外，一个挑剔，为什么#today按钮的高度比其他两个像素短呢？

P.S。这是fiddle但没有date.js

它不起作用