jQuery Mobile中的子标题？

Question

创建一个header一个jQuery Mobile popup，默认的工作还不错（我想解决非圆的左上角有一天）：

<div data-role="header"> 
    <h1>Useful Header</h1> 
</div> 

什么是适当的方式增加子标题？通过子标题，我的意思是类似标题的文本，但较小，可能在标题和子标题之间留有小小的空白。

谷歌是没有太大的帮助，而这种天真的尝试失败：

<div data-role="header"> 
    <h1>Useful Header</h1> 
    <h6>Simple Sub-header</h6> 
</div> 

Answer 1

这是一种方式来获得与CSS所需的布局：

<div data-role="header"> 
    <h1>Useful Header</h1> 
    <p class="popup-subheader">Simple Sub-header</p> 
</div> 

.popup-subheader { 
    text-align: center; 
    margin-top: -5px; 
    margin-bottom: 6px; 
    font-size: smaller; 
    font-weight: normal; 
}