jquery - Div - 边框直到是文本

Question

<div id="test">
    DYNAMIC DATA FROM PHP <br />
DYNAMIC DATA FROM PHP
DYNAMIC DATA FROM PHP
</div>

<div id="test2">
    DYNAMIC DATA FROM PHP <br />
DYNAMIC DATA FROM PHP
DYNAMIC DATA FROM PHP
</div>

#test {
   border: solid 1px red;


   width: auto;
}

#test2 {
   border: solid 1px green;


   width: auto;
}

http://jsfiddle.net/jcgtL/15/

如何为当前区域制作边框？在此示例中，div 扩展到右侧的 AREA BROWSER。我不能使用例如 width: 100px 或更小，因为我用 PHP 生成了这个数据。也许我必须使用 jQuery？

编辑:

这不是行内元素

Answer 1

您使用的是 div 元素，它是 block 元素，您应该使用 span 元素，它是内联元素。