Is it really impossible to make a div fit its size to its content?

Question

I'd like to clarify whether it's possible or not to make a div fit its size based on the content's size without having to make elements float or having to make their position absolute. Is it possible?

Answer 1

CSS display setting

It is of course possible - JSFiddle proof of concept where you can see all three possible solutions:

• display: inline-block - this is the one you're not aware of

• position: absolute

• float: left/right

Answer 2

You can use display: inline-block.

Answer 3

You can use:

width: -webkit-fit-content;
height: -webkit-fit-content;
width: -moz-fit-content;
height: -moz-fit-content;

EDIT: No. see http://red-team-design.com/horizontal-centering-using-css-fit-content-value/

ALSO: http://dev.w3.org/csswg/css-box-3/

Answer 4

you can also use

word-break: break-all;

when nothing seems working this works always ;)