Closed basilleaf closed 7 years ago
Comment by natronics
Monday Dec 22, 2014 at 19:01 GMT
<small>
is an "in-line" element, like <a>
or <span>
, so the line-height
property is undefined.
This is because it's meant to act on a word or two of a sentence, and it wouldn't make any sense for one word in a paragraph to have a different leading!
If you want a block of text to have different properties, we should make a class for it, for example:
<div class="info">This is incidental info about a topic, in its own paragraph.</div>
#probe-detail .info { font-size: 50%; line-height: 1.1em; }
Added "#probe-detail small" to stylesheet, which accurately responds to the 50% font-size, but won't respond to making the line-height smaller (best seen if you look at New Horizons). Can't figure out why it's not overriding an inherited line-height.