I've read that headers shouldn't be used as subtexts to other headers for HTML5 in order to have a nice outline. for example:
<h1>Frustration</h1><br /> <h2>The life of developers</h2>
Rather, it could be written like this instead:
<h1>Frustration <br /> <span style="font-size: 0.67em">The life of developers</span> </h1>
The problem is that I have no control on the line-height of the subtext. It takes on the line-height of the H1 and that always seem a little too far.
I realize could do something like:
to target the same thing, but I'd just like to know whether there is any way for the second option above to let me manipulate a paragraph with two different line-heights.
EDIT: I'm using the latest version of Firefox.
As I continue to look for a solution, I'm beginning to wonder if this is a silly question to be asking, seeing as the browser has no reason to think the user would want separate line-heights within the same tag--especially when there are alternatives like using block elements with a negative margin-top.