jQuery Mobile中的子标题？

Question

使用jQuery Mobile popup制作header，默认效果非常好（我想在某天解决非圆形的左上角）：

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