如何在HTML/CSS中无偏移地集成文本

如何在HTML/CSS中无偏移地集成文本,html,css,mapping,offset,Html,Css,Mapping,Offset,有人能告诉我如何在HTML/CSS中集成文本,使单词的第一个字母映射到下一行,而不带偏移量 示例 正确的方法 您可以对段落中的第一个字母使用标记。然后设计它: 浮动:左侧,宽度:100%并自动实现你想要的。你可以这样做: 新编辑:您还可以使用伪选择器 p::第一个字母{Style goes here/}有数百种方法,您可以使用table、flexbox等。不知道您所说的正确方法或错误方法是什么意思way@Mindless字体你看到用红色标记的字母了吗?以“正确”的方式,它们完全在彼此下方对齐,没

有人能告诉我如何在HTML/CSS中集成文本,使单词的第一个字母映射到下一行,而不带偏移量

示例 正确的方法

您可以对段落中的第一个字母使用
标记。然后设计它:
浮动:左侧,宽度:100%并自动实现你想要的。

你可以这样做:


新编辑:

您还可以使用伪选择器
p::第一个字母{Style goes here/}

有数百种方法,您可以使用table、flexbox等。不知道您所说的正确方法或错误方法是什么意思way@Mindless字体你看到用红色标记的字母了吗?以“正确”的方式,它们完全在彼此下方对齐,没有任何偏移。这看起来不错。但是,它是列表样式的-是否有任何方法可以删除列表?您需要如何使用它?请参阅我添加的新链接
ul li  {
  position: relative;
  padding-left: 100px;
}

ul li span {
  position: absolute;
  left: 0;
}