Css 在多尺寸标题中均匀分布空间

我正在尝试使用CSS和HTML复制旧式标题。这是我想出的代码

正文{
字体系列：Palatino；
}
标题{
文本对齐：居中；
}
h1{
文本转换：大写；
字体大小：正常；
}
.小{
字号：12号；
字母间距：.1ch；
}
.中等{
字号：18pt；
字母间距：.2ch；
}
.大{
字号：27pt；
字母间距：.3ch；
}

莫利特官邸

伊鲁尔的精英动物和罪过

圣马格纳前行政长官除外

最小磁场

nisi dolore Mini aute

nisi dolore微量实验室

劳方过失责任

移除

元素，并将span元素设置为

显示：块（或用div元素替换它们）。在
元素上设置
行高：1
，使行高适合字体大小


正文{
字体系列：Palatino；
}
标题{
文本对齐：居中；
}
h1{
文本转换：大写；
字体大小：正常；
线高：1；
}
h1>跨度{
显示：块；
}
.小{
字号：12号；
字母间距：.1ch；
}
.中等{
字号：18pt；
字母间距：.2ch；
}
.大{
字号：27pt；
字母间距：.3ch；
}

莫利特官邸
伊鲁尔的精英动物
圣马格纳除外
小麦格纳酒店
尼西·多洛尔小酒店
nisi dolore微小实验室
劳动过失