I've been trying to google an answer but haven't had any success, so I'm hoping I might have some luck on here regarding Preheaders on my responsive emails.

I'm far from an html email expert, so I may be making a fundamental error, but while I use inline CSS for the majority of my email, for responsive emails I have some CSS (such as @media declarations) located between the head and body of my code. Consequently, this CSS code is what is showing up in preheaders prior to my actual intended preheader text (which is within the body).

Should I be be putting a span or div (of my intended Preheader text) outside/above the body or is there another fix to ensure these CSS instructions won't show up as a preheader?

Any suggestions would be welcome! Thanks in advance!