Css 嵌套带下划线的文本元素

我在课文段落中有相当大一部分带下划线的课文。他们中的许多人都讲了好几行

在这些带下划线的元素中，在某些情况下，我的元素本身应该带下划线。在这里，外部带下划线元素的下划线应该向下一点，以使内部带下划线元素的下划线可见。看看我的模型的第三行，你就会明白我的意思（至少我希望如此）。“querit”和“Epicurae”在带下划线的元素中带下划线

如何在CSS中实现这一点？使用

文本装饰：下划线

下划线将折叠，您将看不到哪些元素是嵌套的带下划线的元素。另一方面，

显示：内联块；边框底部：1px纯黑将只在最后一行下划线

编辑：这个模型的HTML应该是这样的：（我想不是特别有趣）

首先，全方位和全方位的公共卫生服务是由公共卫生服务机构和公共卫生服务机构组成的，它们与公共卫生服务机构、公共卫生服务机构、公共卫生服务机构、公共卫生服务机构、公共卫生服务机构、医疗服务机构、医疗服务机构、医疗服务机构、医疗服务机构、医疗服务机构、医疗服务机构、医疗服务机构、医疗服务机构、医疗服务机构、医疗服务机构、医疗服务机构、医疗服务机构、医疗服务机构、医疗服务机构、医疗服务机构、医疗服务机构、医疗服务机构、医疗服务机构、医疗服务机构、医疗服务机构、医疗服务机构和医疗服务机构等共同。quitus，essendolinxet ob utrus aleganesserisimone one nitae lium vitae；梅蒂斯·奎克·希德·洛斯·普莱戈·伊利乌斯，我们是一个经验丰富的人。用牙签固定牙冠

只是不要使用
显示：内联块
。比如说，我们使用标签
在某物下面划线。对于嵌套的，请使用以下内容：


/*启动Praveen的小提琴重置；）*/
*{字体系列：“Segoe UI”；边距：0；填充：0；列表样式：无；-webkit框大小：边框框；-moz框大小：边框框；框大小：边框框；}
正文{页边距：15px；}
/*结束Praveen的小提琴重置；）*/
p{margin:010px；}
.und{边框底部：1px实心；填充：2px；}
.und.und{边框底部：1px实心；填充：0；}
Lorem ipsum door sit amet，Concertetur adipising elit。马克西姆，卡姆克！面对现实吧，阿迪皮斯·莫迪！雷德亨德瑞特，这是一个官方的大杂烩。西米利克，沃鲁帕提布斯，准多洛尔

Lorem ipsum dolor sit amet，奉献精英。如果自然条件满足类似的要求，那么在准流动性条件下，就有必要对其进行适当的调整。沃鲁帕特，泰波拉！这是双下划线，不会断开！Lorem ipsum dolor sit amet，奉献精英。在自然环境中，我们可以用同样的方法来证明这一点，我们可以用同样的方法来证明这一点
 
请添加您的HTMLTank！尽管如此，这个聪明的解决方案仍然存在两个问题：1。文本和下划线之间的填充始终保持不变，无论此行（或其中）是否有另一个嵌套的带下划线元素。我希望下划线尽可能靠近正文。2.第三级嵌套将不起作用（不幸的是，我也有这些情况）。@cis我们尝试
行高
修复吗？@cis看起来像这样。这是浏览器的一个限制，在浏览器中不能使用负数填充，负数填充可以正确设置边框，并且不能更改下划线的位置。所以，我们可以使用双下划线。让我试试看。@Praveen Kumar再次感谢你！这不完全是我想要的，但我想它是有效的。
<p> de con firt omniandabetisporatienimusi remprobist extrum etis e ipsaenderienimagnos <span class="underlined">quibus quidas mus, ines, quam Solostracum met ipsa horum mum, esispotatus con ipid  inprobus, que vollin que <span class="underlined">querit</span> pus nego mo <span class="underlined">Epicurae</span> id sitam mod etia et nectuas ent malosse te. quitus, essendolinxet ob utrus aleganesserisimone ne nitae lium vitae;  Metisquiamquae sid los plego ilius, andus adexperibus vitur. quod dictantum alt, num Toriae</span> conc ocorturaec </p>