Over a million developers have joined DZone.

Auto-Sizing DIVs

To have a 
shrink and enlarge based on its content, use this CSS: div.autosize { display: table; width: 1px; } div.autosize > div { display: table-cell; } In your HTML, enclose the
you want autosized in another
with class="autosize" Before:
I want this to be auto sized!
I want this to be auto sized!
Tested in Firefox, Mozilla, Safari, Opera 7, and Internet Explorer 6.

Opinions expressed by DZone contributors are their own.

The best of DZone straight to your inbox.

Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}