Adding a min-height:Npx; to the style of the paragraph element, with whatever value N matches the total height of your drop-cap, would make sense as a start for a fix.
I don’t see the benefit of doing this over CSS, though. Your markdown note is no longer clean/portable when adding html taggery and styling inline.
I added dropcaps to my vault w/ a CSS snippet + the Markdown Attributes plugin; something like:
drop-caps.css:
p.drop-cap {
/* increase to 3 times when no padding between paras: */
min-height: calc(1em + 2 * /* your line-height */));
}
p.drop-cap:first-letter {
float: left;
color: #fe9626a6;
font-size: calc(1em + 2 * /* your line-height */);
font-family: "Deutsche Zierschrift", "Bell MT", Georgia, serif;
font-style: normal;
line-height: calc(1em + 4px);
border: 2px solid #fe9626a6;
margin: 2px;
margin-right: 0.2rem;
padding-top: 4px;
padding-left: 4px;
padding-right: 4px;
}
Then, in your markdown, you write your paragraph, and add the attribute to the entire para:
I should have brought more emphasis to the “Markdown Attributes” plugin, which does the magic of applying { .drop-cap } to the paragraph before it. Use either that plugin, or the inline html you used.
Other than that—I’m not sure, do you have the .css snippet in your /.obsidian/snippets folder? Is it enabled through Settings > Appearance > CSS Snippets?