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/

How can i make border for current area? In this example div extends to right AREA BROWSER.
i can’t use for example width: 100px or less, because this data i generated with PHP.
Maybe i mus use jQuery?

EDIT:

this is not inline element

Answer 1

I tend to use float: left in these situations ( or right if it fits ).

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