Подзаголовок в jQuery Mobile?

Question

Создание jQuery Mobile popup с header, по умолчанию работает довольно хорошо (я хотел бы обратиться, что не круглый верхний левый угол в один прекрасный день):

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

Что такое правильный способ добавить подзаголовок? Под заголовком я имею в виду текст, подобный заголовку, но меньший, возможно, с небольшим разницей между заголовком и подзаголовком.

Google не очень поможет, и эта наивная попытка не удалась:

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