I love code. I'm definitely not an expert but I know enough to play around somewhat with the html for my pages. Here are some examples of sub-header styles I've been testing. Below I've included the code I used for "Mental Menthol Magnitude" and you can see in the second version by removing "inset" the box shadow is outside the box and I changed the shadow color too. Marvellous! The code for the less than < sign is < and the code for the greater than > sign is > and if you ever wonder what the code for a "space" is, well it's which means non-breaking space. If you want to play around with the code, live online, then visit http://www.onlinehtmleditor.net/.
Fudge Clucking Dysfunction
Bandstand Omnibus Paragliding
Mental Menthol Magnitude
<span style="background: #DEFFE1; border-radius: 11px; border: 1px solid #3DBF7C; box-shadow: #9FF5B5 0px 0px 9px 3px inset; display: inline-block; font-family: courier; font-size: 18pt; font-weight: bold; margin: 6pt 0px; padding: 10pt 17px 12px 17px; text-shadow: 0px 0.5px 1px #ffffff; vertical-align: baseline;">Mental Menthol Magnitude</span>
<span style="background: #DEFFE1; border-radius: 11px; border: 1px solid #3DBF7C; box-shadow: #C0C0CC 0px 0px 9px 3px;
display: inline-block; font-family: courier; font-size: 18pt;
font-weight: bold; margin: 6pt 0px; padding: 10pt 17px 12px 17px;
text-shadow: 0px 0.5px 1px #ffffff; vertical-align: baseline;">Mental
Menthol Magnitude</span>
Mental Menthol Magnitude