Ebay template lister CSS does not load

[cntautomation]

I have seen multiple posts about CSS not loading for Ebay HTML CSS templates, and it seems like this has been a reoccuring issue over many years. Some make suggestions to switch to advanced editor, or add a break to to top of your file etc. but these either do not work, or are no longer an option.

I have the following HTML CSS posted directly into Ebay HTML template: https://jsfiddle.net/lucasrahn09/q4chn27t/1/

And have tried it directly in the browser as well as on other online tools such as https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_global_class, and have a version of my posted html https://jsfiddle.net/lucasrahn09/q4chn27t/1/. And it works as expected, although I have issues directly in ebay template. One thing to note is that this is copied out of my app that generates the html template, and the only way I can actually make it work is by copying directly into SPECFICALLY Visual studio Code and recopying into the Ebay Lister. I have tried the same process with a few other editors with no success. I am curious to see if others have had similar experiences?

[shipscript]

@cntautomation 

eBay's new Unified Lister can only be used with inline CSS. That listing tool strips off the classes and IDs that are referenced in a CSS stylesheet, even though the CSS stylesheet might remain.

I used the Firefox browser to load your listing HTML into the older Business (Advanced) lister, with the stylesheet appended at the end.

https://www.ebay.com/itm/384506052063

To ensure the stylesheet is not stripped off by your browser's editing engine within eBay' editor, you may need to place a hard element in front of the stylesheet (like a <br> or <img>).  By placing your stylesheet at the end of your HTML, I was sure to have  accomplished the same thing.

The browser's own rendering engine is used by eBay's editing tool, so you may see slightly different results with different browsers (Firefox has always worked well in that regard, whereas I think it was chrome or edge that had the most complaints). You may also see different results when pasting from a rich text source into eBay's rich text editor. Even though the HTML editor looks like a plain text editor, it is actually fabricated from a rich text element.

Retrieved using a browser, I pasted your fiddle code into a PLAIN TEXT  Notepad editor to drop any rich text or hard spaces that can break CSS or HTML attributes. Then I copied from Notepad into eBay's HTML editor.