为何增大首字母字号后文本无法保持居中对齐？

这个偏移现象的核心是首字母的基线对齐规则和text-align: center的计算逻辑共同导致的：

• text-align: center的作用是让元素的整个内容盒在容器中水平居中，对齐基准是文本的基线。
• 当启用.L3::first-letter并设置更大字号时，首字母作为行内元素，会默认和其他文本的基线保持对齐。这使得首字母的垂直高度（尤其是向上延伸的部分）会占据额外的水平空间，而整个文本块的布局居中依然基于内容盒的整体宽度计算，没有适配首字号变大带来的视觉重心偏移。
• 首字号设置得越大，它相对于其他文本的基线偏移带来的视觉空间差就越明显，最终整体文本看起来向左偏移的程度也就越严重。

内容的提问来源于stack exchange，提问作者Harry Will