html - 让 UL 边框仅环绕文本

Question

我有一个UL用于样式菜单的。不幸的是，当我尝试添加边界时，它会跨越整个屏幕，因为它们是li元素（并且是display: block）。我也不想为元素定义固定宽度，而是希望宽度是文本所需的宽度。

JsFiddle：http: //jsfiddle.net/5xu6t/

Answer 1

尝试：

<li><span>Test</span></li>

span{
    border: solid 1px red;
}  

Answer 2

需要在您的 html 中添加额外的标签，但它似乎可以满足您的需求。

<li><span>Test</span></li>

并且对 css 也有一点影响。

http://jsfiddle.net/BVYM7/