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; 
}