Html 将多行内容与：before和：after内容对齐

我有一个文本，我用CSS加上引号标记。当文本到达新行时，它不会在引号符号之后对齐，而是在引号符号之前对齐

div{ 宽度：240px； } p:以前{ 内容：“； 字体大小：30px； } p:之后{ 内容：“； 字体大小：30px； }

这是一些文本，表示一个相当长的引号，并分成多行

将您的：before和其父p分别定位为绝对和相对，以完成此操作。检查下面的代码段以供参考

div{ 宽度：240px； } p{ 填充：10px 15px； 位置：相对位置； } p:以前{ 内容：“； 字体大小：30px； 位置：绝对位置； 左：0； 排名：0； } p:之后{ 内容：“； 字体大小：30px； 位置：绝对位置； 底部：0； 左边距：5px； }

这是一些文本，表示一个相当长的引号，并分成多行

试试这个

div{ 宽度：240px； } p:以前， p:之后{ 显示：内联块； 垂直对齐：中间对齐； } p:以前{ 内容：“； 字体大小：30px； } p:之后{ 内容：“； 字体大小：30px； }

这是一些文本，表示一个相当长的引号，并分成多行