如何使用CSS和HTML做到这一点？
>带边框的带彩色边框的文本
>带边框的文本的边框将文本最小地包围
>带边框的文本具有最大宽度
>带边框的文本的边框不与相邻元素重叠
渲染后,它应如下所示：
对于边界,我使用的是：
padding: 1.0em;
border-style: solid;
border-width: 2px;
background-color: #FFFFCC;
border-color:#E8E800;
如果我将CSS应用于< p> ;,则边框与浏览器窗口一样宽.我希望边框仅与文本一样宽(根据文本大小而变化),因此使用width设置绝对宽度无效.我尝试了display：inline但是causes spacing issues with neighboring elements.我还尝试将上述CSS应用于< span>包含在< p>中,但是当文本过长且自动换行时,则无法使用.
最佳答案
您是否尝试过尝试使用名为float的CSS属性？指定float：left会导致包含元素的宽度调整为文本-似乎是次要的效果,但是可以工作.
@H_301_36@如果您不希望包含的元素排成一行,则可以添加< br />标签,也可以添加“ clear：both;”；风格.
我绝对认为这是可以实现的-您只需要找到属性/值的正确组合即可.
