I've always taken the easy way out when I needed to center a block-level element (like a table) on the page. However, I need to center an element using CSS and it's escaping me. text-align: center ...

Divs, which act like glass sheets, can hold other HTML elements such as text objects. A CSS property named z-index determines the order in which divs appear when you stack one on top of another.

As explained in the MDN web docs, the ::first-letter CSS pseudo-element "applies styles to the first letter of the first line of a block-level element, but only when not preceded by other content ...