I think the topic was closed before the issue was dealt with.
No,
I simply replaced your ‘div’ (and the class = etc) with the HTML element ‘code’.
Thereby mixing HTML into the paragraph. It turned the P red (as it ought) and then continued with the rest of the paragraph formatted as it should be. I noticed that your HTML seemed to move the P to the line above the rest of the paragraph.
From my extraordinarily limited knowledge of HTML, that depends.
Div is a block element, thereby making the whole paragraph an HTML block.
Inline HTML elements (eg code) will work with markdown outside the HTML.
So the <code> element doesn’t seem to interfere with the markdown rendering at all. Which in turn solves my issue since I can style that element just the way I planned to style the <div> element.
Thank you very much for the help!
This is what I was initially planning on doing with that element. Having a big initial letter at the start of a note looked really nice.