是否可以为两个或多个内联块使用不同的行高？

Question

是否可以为两个或多个内联块使用不同的行高？ 例如：

.block{
  width: 300px;
}

.text-1 {
  font-size: 30px;
  line-height: 30px
}

.text-2 {
  font-size: 20px;
  line-height: 15px
}

<div class="block">
  <span class="text-1">Here some text here some text</span>
  <span class="text-2">other text other text other text</span>
</div>

这是我想要的：

Answer 1

.text-1 {
  line-height: 1.5em;
}

.text-2 {
  line-height: 1em;
  font-size: 0.8em;
  color: #555;
}

div{
    width: 400px;
    font-size: 2.5em;
    font-color: #000;
    font-family: sans-serif;
}

<div>
  <span class="text-1">Here some text here some text</span>
  <span class="text-2">other text other text other text other text other text</span>
</div>

Answer 2

抱歉，我有解决方案。 您需要在父块（最小）上设置行高，然后您可以更改子项上的任何行高。你不能把它低于父母的 - 这是我的问题：）