Anpassa bredd på DIV

Hur gör man för att anpassa en DIVs bredd efter dess innehåll? Jag vill att DIVen inte ska bli bredare än "vad som behövs".

Detta funkar ju inte:

<div style="width:auto">

<p>Test test test test test<p>

</div>

DIVen blir 100% bred...

Du har inget på sidorna som stoppar, när du använder dig av auto breddar den så mycket som går, dvs 100% av utrymmet.

D.Wiberg skrev:

Du har inget på sidorna som stoppar, när du använder dig av auto breddar den så mycket som går, dvs 100% av utrymmet.

OK, så hur gör man... Det borde väl gå att åstadkomma det jag är ute efter på något sätt?

Att få en div-tagg att endast bli så bred som innehållet...
Jag har själv velat göra detta flera gånger, men jag har kommit fram till att det inte finns något snyggt sätt som fungerar i alla webbläsare.
Jag ser dessutom detta som en begränsning i CSS2-specifikationen, eftersom det såvitt jag kan se inte finns någon egenskap eller värde som är tänkt att fixa detta...

Hittade denna länk, verkar vara relevant: http://www.bigbold.com/snippets/posts/show/216

Att sätta display:table funkar skitbra :)

<div style="display:table">Test test test test</div>

learn skrev:

Att sätta display:table funkar skitbra :)

Tyvärr inte i IE6 och IE7.

float:left eller position:absolute kanske?

Lägg bara in
float: left; så ska de funka...

Men det är ju inte kul att behöva floata ett element, eftersom det får till följd att det inte längre tar upp någon plats, och då måste man börja trixa med clear för att få det att bli bra.

Jag tror att ni är ute efter display: run-in; http://www.w3.org/TR/CSS21/visuren.html#display-prop

Men det stöde sinte vidare värst det heller :(

mv icaaq