jQuery Mobile 中的子标题？

Question

用header 创建一个jQuery Mobile popup，默认效果很好（我想有一天解决那个非圆形的左上角）：

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