使用CSS2将图形框添加到选定的文本

Question

有没有办法使用CSS2为HTML段落的选定文本添加图形边框？

边框必须拉伸以适合任意数量的字符。

Check out this page to see an example - 在其中写着“致电/文字VITALITY至0750 300 4090”

这必须是内联元素，因为文本必须是段落的一部分。

理想情况下，我希望能够在我的网站上为任何选定的文本添加一个类，并让CSS添加该框。

到目前为止，我已经成功地使用背景图像来创建左手部分，但右手曲线却让我望而却步。

上面的链接使用以下代码：

<script>
    .callToAction {
position:relative;
display:inline-block;
background: url('../../images/call-to-action.png') no-repeat top left;
height:34px;
color:darkOrange;
font-weight:bold;
border:0;
vertical-align:absmiddle;
padding:7px 0 9px 7px;

    }

</script>


<span class="callToAction"> call/text VITALITY 
    to 0750 300 xxxx </span>