How to make div width depended on content?

As mentioned above, a good transfer of block elements on a new line can be achieved by use of the lower case unit. I recommend for this purpose use the following code string block, full tested months of use, it is one of the main CSS files in the "Tradition", the Russian encyclopedia:
\r

/* {{Line block}} * http://habrahabr.ru/blogs/css/96152/ * ↑ http://www.smashingmagazine.com/2010/06/10/50-new-useful-css-techniques-tools-and-tutorials/ * ↑ http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ * ^ the original */ .lineBlock { border: 0; margin: 0.3 em 0.15 em; padding: 0; display: -moz-inline-stack; /* ← Firefox 2 backwards compatibility */ display: inline-block; vertical-align: top; /* ↓ IE6 & IE7 "hasLayout" . */ zoom: 1; *display: inline; /* ↑ IE6 & IE7 starhack ← http://www.ejeliot.com/blog/63 */ }

As you can see, this code is structured on the principles of backward compatibility with Firefox 2 and IE 6 and 7.
\r
If the frame of the outdoor unit will not be absolutely against the limits of the internal inline, then by all means try and power also to execute as a string block, and that is to give them the class "lineBlock" described the above CSS code.

try diva instead of a span with the property display:inline-block;

display: inline-block;
\r
just that ;)

Javascript?

www.artlebedev.ru/tools/technogrette/html/thumbnails-center/
\r
I think it is, but you even easier.

And height tried to ask?

Damn, and I have a similar problem =(