Html 如何从父元素替代线高度

我在更改子元素的线高度时遇到问题。 我的目标只是将线高度重置为正常值，而不是使用其父项的更高值

a{ line-height:100px; }
a small{ line-height:10px; //or normal }

因此，我希望

small

的线高度正常，但它不起作用

有什么想法吗

使用：

small {
  display: inline-block;
  line-height: 1; /*or whatever you like.*/
}

---

您需要

内联块

，因为默认情况下

是内联的，因此会继承其父级的行高。

以下是更新后的小提琴

https://jsfiddle.net/pae871az/2/

我刚刚添加了

display:inline块

.first small{
  line-height:normal;
  display: inline-block;
}

---

你认为这会怎样？你希望

一些文本small TextMore Text

看起来怎么样？是否应降低整条线路的线路高度？