Div - border until是文本

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。 我不能使用例如宽度：100px或更少，因为这个数据我用PHP生成。 也许我会使用jQuery？

编辑：

这不是内联元素

Answer 1

您正在使用div元素作为块元素，您应该使用内联元素span。

Answer 2

在您的样式中添加position:fixed，它应该如您所愿：

http://jsfiddle.net/jcgtL/1/

Answer 3

我倾向于在这些情况下使用float: left（如果适合，则right。）

http://jsfiddle.net/lollero/jcgtL/10/

Answer 4

试试这个，请它可以帮助你。 DEMO

Answer 5

我插入了一个范围http://jsfiddle.net/jcgtL/4/