Need help with formatting beginning of articles

[Mobtown]

Hi, everyone.

I’m looking for some help regarding the typography at the beginning of articles on my website. I’ve tried drop caps, but some of my articles only open with one line of text, which looks quite bad with the styling. I’m really just trying to find a way to bring more attention to the opening paragraph of my articles, specifically the beginning of the paragraph.

Does anyone have any recommendations for how I can do this without drop caps, or does anyone know how to format drop caps better so they look more natural with one-line openers? I’ve also thought about either making the first few words bold/italicized or putting a large red tilde above each opening paragraph to bring attention to/mark the opening paragraph, but I haven’t figured out how to do either in code injection.

As stated earlier, I’ll attach a photo of what the beginning of my articles look like without any formatting. I’ll also include one that shows how weird the drop caps look.

Thanks in advance!

[ahmadajmi]

I would set the line or the first few words in small caps.

I do use small caps with drop caps.

Book: The Elements of Typographic Style

---

But since the paragraph is only one line, I would only use small caps. This inherits the uppercase letters style but in lowercase size.

Maybe another option is to make the text bold.

---

font-variant-caps - CSS: Cascading Style Sheets | MDN

[Mobtown]

Thank you. Do you happen to know how to make specifically just the first few words a certain style, though? I can’t seem to find a way to use code injection for that purpose.

[ahmadajmi]

Maybe you can add the paragraph as an HTML Card, something similar to:

<p><span class="small-caps-first-words">Small Caps</span> paragraph.</p>

And then do the CSS work in Code Injection.