在同一行的标题元素中垂直居中的子元素

Question

我正在尝试做一些简单的事情。我正在尝试使用一个标头标签，它具有一个字体较小的子标签，在该标头元素中垂直居中。我不太清楚如何实现这一点。

<h2>BIG TITLE: <span>subtitle</span></h2>

Answer 1

使用vertical-align

＆＃13;

＆＃13;

h2 span{
  vertical-align: middle; /* you can also use px... */
  font-size: 10px;
}

＆＃13;

<h2>BIG TITLE: <span>subtitle</span></h2>

＆＃13;

＆＃13;

＆＃13;

或从https://developer.mozilla.org/en/docs/Web/CSS/vertical-align

中选择任何其他所需的值