Line-height why not apply inside tag?

HTML-CSS
1

https://jsfiddle.net/8v9d1g05/

Like have on main element a line-height but on u tag not apply the normal what case use the normal? And this why not apply?

Thanks!

2

I don’t really understand your question, but it is being applied (line-height: normal). Not sure what layout you are going for here, but you can not nest <a> elements inside <a> elements.

Permitted content

Transparent, containing either flow content (excluding interactive content) or phrasing content.

Permitted parents

Any element that accepts phrasing content, or any element that accepts flow content, but always excluding <a> elements (according to the logical principle of symmetry, if <a> tag, as a parent, can not have interactive content, then the same <a> content can not have <a> tag as its parent).

The nested <a> element is getting ejected and ends up below, what was the parent, in the DOM.

DOM:

<body>
  <a>test</a>
  <a class="this">te<br>st</a>
</body>
1 Like