如何在带class的<p>标签内调整文本格式，使EPUB匹配PDF样式？

你遇到的是典型的**悬挂缩进（Hanging Indent）**需求——希望每行开头的Level X.XX —部分固定位置，后续文本换行时不缩进至编号下方，而是对齐编号后的起始位置。之前用<span>没效果是因为行内元素无法控制块级的整体缩进逻辑，我们可以通过CSS的text-indent负值配合padding-left来实现，这在Calibre的PDF导出中兼容性很好。

修改后的CSS代码 #

.calibre { 
  display: block; 
  font-size: 1em; 
  padding-left: 0; 
  padding-right: 0; 
  margin: 0 5pt; 
}

.p2 { 
  margin: 0;
  padding-left: 6em; /* 为编号区域预留固定宽度 */
  text-indent: -6em; /* 首行反向缩进，抵消padding，让编号左对齐 */
}

原理说明 #

• padding-left: 6em：给每个段落左侧留出足够空间，确保编号不会被截断，同时让换行后的文本从这个位置开始对齐。
• text-indent: -6em：让段落的第一行向左偏移6em，刚好抵消左侧的padding，使得Level X.XX —部分能顶格显示，而后续换行的文本则保持在padding-left设定的位置，完美匹配你想要的左侧PDF排版效果。

调整提示 #

如果你的编号长度有变化（比如出现Level 100.XX这种更长的编号），只需同步增大padding-left和text-indent的数值即可（比如改成8em），根据实际显示效果微调至合适宽度。

效果验证 #

修改后，你的HTML不需要做任何结构调整，Calibre导出PDF时，类似下面的长文本：

Level 19.66 —A trip back to kill some Heat Pigs in the Salazarm Desert for more Desert Bacon.

换行后会自动对齐到—符号后的起始位置，不会缩进至Level下方。

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