Html 使Div元素像Span那样环绕线条

有没有办法让

div

元素像

span

do那样包装行

在这里，我使用了

span

标记使输出看起来像是被一个。所有这些都应该：

<p><span class="highlighter">Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim
id est laborum.</span></p>

<style>
.highlighter { background-color: yellow; }
</style>

。。。但是现在，输出失败了-大的黄色矩形不是我想要的

---

有办法解决吗？

如果您对尾部突出显示的部分不满意，请添加

span

s：

.highlighter span{
背景#FFFF00；
}

Lorem ipsum dolor sit amet，献祭精英，
这是临时性的劳动和就业机会

我们需要一个最低限度的练习
ullamco laboris nisi和aliquip ex ea commodo consequat

您应该使

显示：inline这里的示例

<p><span class="highlighter">Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span></p>
<p><span class="highlighter">Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p>

<div class="highlighter">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
  sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  <p>Ut enim ad minim veniam, quis nostrud exercitation
  ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>