How to make a div grow with content?

Answer 1

The default behaviour for divs is to fill the entire available width. A few ways to override this:

• set display: inline-block (not IE-friendly)
• float it (with the side effect of, well, floating it)
• set display: inline (but that's almost never what you want)
• set position: absolute
• hard-code a width (no dynamic width though)

As a last resort, consider javascript.