如何使用CSS和HTML做到这一点？

>带边框的带彩色边框的文本
>带边框的文本的边框将文本最小地包围
>带边框的文本具有最大宽度
>带边框的文本的边框不与相邻元素重叠

渲染后,它应如下所示：

对于边界,我使用的是：

padding: 1.0em;
border-style: solid;
border-width: 2px;
background-color: #FFFFCC;
border-color:#E8E800;

如果我将CSS应用于< p&gt ;,则边框与浏览器窗口一样宽.我希望边框仅与文本一样宽(根据文本大小而变化),因此使用width设置绝对宽度无效.我尝试了display：inline但是causes spacing issues with neighboring elements.我还尝试将上述CSS应用于< span>包含在< p>中,但是当文本过长且自动换行时,则无法使用.