Javascript 如何在两个文本（css或js）之间划线

我使用bootstrap UI，我有以下代码：

 <div class="row">
    <div class="col-xs-12 col-ms-12" style="margin-top:15px !important;">
    <h2><strong>1 x Gourmet Tasting Menu for Two</strong><span class="pull-right">£96.00</span></h2>
    </div>
    </div>

截图：

---

最好的方法是什么？一些JS代码或CSS代码？

对于仅CSS的解决方案，您可以使用伪元素创建带边框的点。这些点将贯穿整行。要隐藏点并允许它们在项目文本和价格之间具有“动态”宽度，您需要为这些元素添加背景色，以覆盖额外的点。通常，边框将位于所有这些元素的下方，因此我们将伪元素与相对定位一起向上拉，以将其隐藏在文本元素后面

strong，
跨度{
填充：0 5px；
背景色：白色；
}
跨度{
浮动：对；
}
h2：之后{
内容：''；
显示：块；
位置：相对位置；
底部：8px；
宽度：100%；
边框底部：2个点#333；
z指数：-1；
}

此处的文本$9.99

可能的副本

<h2><strong>1 x Gourmet Tasting Menu for Two</strong>..........................................................<span class="pull-right">£96.00</span></h2>