Html 在jquery mobile页脚中将元素对齐到中心

我很难在jQuery移动页面的页脚内对齐元素。
我们要显示三条不同的信息：版权、版本号和连接状态。目标是对齐页脚，使版权左对齐，版本号居中，连接状态右对齐，所有内容都在同一页脚行上

我尝试了以下方法，但不幸的是，没有成功：

<div data-role="footer">
<span style="text-align:left">COPYRIGHT</span>
<span style="text-align:center">VERSION NUMBER</span>
<span style="text-align:right">CONNECTION STATUS</span>
</div>

版权
版本号
连接状态

对如何完成此对齐设置有何建议？

---

非常感谢

您应该像这样使用jQuery移动网格：

    <div data-theme="a" data-role="footer" data-position="fixed">
        <h3>
            <div class="ui-grid-b">
                <div class="ui-block-a" style="text-align: left;">COPYRIGHT</div>
                <div class="ui-block-b" style="text-align: center;">VERSION NUMBER</div>
                <div class="ui-block-c" style="text-align: right;">CONNECTION STATUS</div>                
            </div><!-- /grid-a -->
        </h3>                
    </div>

版权
版本号
连接状态

下面是一个有效的例子：

你想怎么做就怎么做。一切都应该包装在h3标签，以便页脚可以保留其高度