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ブロック要素である要素を使用していますspan。インライン要素である a を使用する必要があります。

Answer 2

私はこれらの状況で使用する傾向がありますfloat: left（またはrightそれが適合する場合）。

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

Answer 3

スタイルに a を追加するposition:fixedと、希望どおりに表示されます。

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

Answer 4

これを試してみてください。デモ

Answer 5

スパンを挿入しましたhttp://jsfiddle.net/jcgtL/4/