HTML header : how do I make text narrow (not broad)?

Question

我一直在为一个学校元素编码，我遇到了这个问题，我想要一个标题而不是宽泛的标题。我是 Stack Overflow 的新手，我希望我不是在问一个非常愚蠢的问题，但我在事先搜索时没有找到答案。

我的代码是这样的:

h5 {
  margin-top: 50px;
  margin-right: 150px;
  margin-left: 80px;
  text-align: center;
  font-size: 16;
  font-family: Calibri;
}

<h5> <img id="img" src="image0.jpg" height="350" width="600"> <br> Pictures are symbolic. </h5>

是否有强制 css 使标题变窄的命令？或者我需要使用其他东西吗？

编辑:我找到了一个更简单的解决方案，就是不使用标题(并将代码直接添加到 html 中)，感谢提供帮助的人。

Answer 1

如果您的意思是缩小标题内的文本。

你可以使用 变换:scaleX(0.7);

h5 {
    margin-top: 50px;
    margin-right: 150px;
    margin-left: 80px;
    text-align: center;
    font-family: Calibri;
    font-size: 16;
}
h5 span{
    display:block;
    transform: scaleX(0.8);/*This one here to scale the text*/
}

<h5> <img id="img" src="image0.jpg" height="350" width="600"><br>
     <span>Pictures are symbolic.</span> </h5>

或者像这样的窄字体

字体系列:“Helvetica Narrow”，“Arial
Narrow",Tahoma,Arial,Helvetica,sans-serif;

或 font-stretch property