Див - граница, пока не текст

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 распространяется на правый BREWSER AREA. Я не могу использовать, например, ширину: 100 пикселей или меньше, потому что эти данные я сгенерировал с помощью PHP. Может быть, я использую jQuery?

EDIT:

это не встроенный элемент

Answer 1

Я предпочитаю использовать float: left в этих ситуациях (или right, если он подходит).

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

Answer 2

добавить position:fixed в свой стиль и он должен выглядеть, как вы хотите:

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

Answer 3

Вы используете div элемент, который является блочным элементом, вы должны использовать span, который является встроенным элементом.

Answer 4

Я вставил промежуток http://jsfiddle.net/jcgtL/4/

Answer 5

попробовать это, пожалуйста, может быть, это поможет вам. DEMO