html 控制 行高,html – 控制标题标记内标记的行高？

我有一个标题(< h1>),它下面有一种标语. (我使用了< small>标记,并将字体大小设置为一定百分比,因此当我更改较小屏幕的标题的字体大小时,它会完美排列.我正在使用em单位,如果这很重要.)

首先,< small>标签很好地位于主标题下面,但我意识到我忘记了HTML5 DOCTYPE声明.所以,在我发现这个遗漏并纠正之后,间距都是错误的.

这是我的代码：

HTML：

Justin WilsonWEB + GRAPHIC DESIGNER

CSS：

h1.banner {

text-align: center;

display: block;

font-family: 'arvil';

font-size: 6.5em;

color: #94babd; }

h1.banner > small {

font-family: Helvetica,Arial,sans-serif;

font-size: 27%;

color: #888;

letter-spacing: 1px;

font-weight: 100; }

以下是之前和之后：

我已经搜索了StackOverflow,但我不确定如何继续.我读过一个< br />只标记换行符,但它继承了行间距,行间距:(值)不起作用,也没有边距或填充.

我需要的是一个简单的跨浏览器解决方案.我使用Chrome浏览器截屏.不需要支持IE6-7,但支持IE8会很好.