implementing subheads using a span in the header

There are a bunch of ways to implement subheads; style a span in the header, add a subsequent smaller header and style that, or style standard text beneath a header. I've gone for the first one because I want the text inline, and it's still part of the header (not a true sub-head) because the header text is very long. However Safari isn't playing ball with my {font-size: smaller;} declaration.

out of a table

This is a long header with a span-enclosed less important part which should be red

this is some standard text with the same use of span, and the same CSS styles incidentally

standard list

In a table