Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Auto-Sizing DIVs

DZone's Guide to

Auto-Sizing DIVs

·
Free Resource
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!
After:
I want this to be auto sized!
Tested in Firefox, Mozilla, Safari, Opera 7, and Internet Explorer 6.
Topics:

Opinions expressed by DZone contributors are their own.

THE DZONE NEWSLETTER

Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

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

X

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

{{ parent.tldr }}

{{ parent.urlSource.name }}