Re: [css-page-floats] float: center?

> Intuitively, this would center a box in its containing element and also cause it to take the width of its contained text


A CSS WG member would probably explain it better, but floats do more than alignment and shrink-to-fit.

They are also out-of-flow and have some behaviors which might not be obvious how should generalize in float:center or other arbitrary positions.


If you only want centering and shrink-to-fit, you can use

margin: 0 auto; /* Center horizontally */
width: fit-content; /* shrink-to-fit */

The latter may need vendor prefixes.

Other possibilities are display:inline-block, CSS tables, flexbox, etc.

Oriol