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/