如何勾勒出长跨度标签？

Question

需要一个大纲框如下:

HTML代码是:

<p>We <span>prefer questions that can be answered, not</span> just discussed.</p>

难以获得轮廓框的左上角点和右下角点的坐标.

使用:

outline: 2px red solid;

只能在chrome中工作,但在firefox中失败了.并且铬线也失败了,而线高<p>为300%.

Answer 1

像这样:

CSS:

p {
    width: 220px;
}

span {
    outline: 2px red solid;
}

因此,您可以根据自己的需要进行调整,只需outline完成即可.很简单呃？:d

在这里演示

注意:正如评论中所指出的,这似乎在Firefox中不起作用.现在寻找解决方案.