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

I'd like to clarify whether it's possib开发者_C百科le 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?

---

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

---

You can use display: inline-block.

---

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/

---

it works well on Edge and Chrome:

  width: fit-content;
  height: fit-content;

---

you can also use

word-break: break-all;

when nothing seems working this works always ;)