Javascript 带链接的jQuery移动列表格式

我已经创建了一个简单的jQuery移动页面，并将相关示例放在这里：

我不希望包含链接的li项，在本例中，Phone H、Phone M和Phone W项的格式与列表中的其他项不同。目前，文本和链接被拆分为单独的行，并且与其他项目相比具有不同的样式

有人能指出我需要做哪些更改才能使其保持一致吗（我想是CSS还是JavaScript？）

非常感谢,，

---

Steve

更改样式应该可以解决问题。将锚定到内联块。并提供适当的填充

下面是修改后的代码

<div data-role="page" id="details" data-add-back-btn="true"> 
    <div data-role="header">
    <a href="../page.php" data-icon="home" class="ui-btn-right">Home</a>
    <h1>Contact Details</h1>
    </div>
    <div  data-role="content">

    <ul data-role="listview" data-inset="true" data-dividertheme="b">
            <li>First Name: Tom</li>
            <li>Surname: Jones</li>
            <li data-icon="false" style="height:35px;padding-left:15px;font-size:14px">Phone H: <a href="tel:123 4567" style="display:inline-block;padding-left:0px">123 4567</a></li>
            <li data-icon="false" style="height:35px;padding-left:15px;font-size:14px">Phone W: <a href="tel:123 4567" style="display:inline-block;padding-left:0px">123 4567</a></li>
            <li data-icon="false" style="height:35px;padding-left:15px;font-size:14px">Phone M: <a href="tel:123 4567" style="display:inline-block;padding-left:0px">123 4567</a></li>
        </ul>

    </div>

</div>

</body>
</html>

联系方式

名字：汤姆
姓氏：琼斯
手机H:
手机W:
手机M:

另一种删除格式的方法是将电话号码链接包装在div或span中，这样JQuery Mobile就不会将链接与列表项相关联