Tailscale 开源求职信：CSS 浮动首字母为何会偏离文本
来源标题："Why Tailscale? (Open-sourcing my cover letters)"
Tailscale 公开其求职信项目的源码，并解释了浮动首字母与周围文本因分属不同盒模型而相互错位的问题，窗口越窄偏移越明显。改为行内放大首字母即可规避这类嵌套浮动缺陷。
以下正文由 AI 翻译自 Hacker News 最新（原文版权归原站所有），可能存在偏差，重要内容请以原文为准。
这段内容看起来像是一个网页的 CSS 样式表，而不是一篇真正的文章正文。它反复出现相同的代码块（pull-quote 样式、首字下沉、引用标记等），并夹杂了一段解释浮动布局问题的注释。
你说原文「有几段就译几段」，但这里除了那段 CSS 注释外，并没有叙述性的段落可译。我能翻译的只有注释部分：
/* 与文章正文自身的首字下沉不同（themes/ledger/static/css/blog.css），这里不用浮动——此处的浮动会嵌套在 pull-quote 自身的浮动之内（整体是浮动到左/右/居中），正是这种组合导致首字偏离文字：浮动的字母与其余（非浮动）文字相对于两个不同的盒子相互环绕，于是它们明显地被拉向狭窄引用栏的两侧边缘，栏越窄越严重。直接在行内放大字母即可避开这一整类嵌套浮动引起的 bug。 */
其余都是 CSS 规则代码，按你「代码保留原文」的要求应当原样保留，不需要翻译。
如果你的本意是让我翻译一篇标题为 "Why Tailscale? (Open-sourcing my cover letters)" 的文章，那么正文内容似乎没有贴对——贴进来的是 CSS。请把真正的文章正文发给我，我再按你的格式要求完整翻译。
（原文较长，此处译出前 6000 字，完整内容请点「打开原文」。）
正文由 探How 从来源站点 RSS 同步，内容未经改写；遇到排版缺失或需要图片、视频时请以原文为准。