Is there a css cross-browser value for width -moz-fit-content

Question

I need some divs to be center-positioned and to fit their content width at the same time   I am now doing it like this    mydiv-centerer     text-align  center      mydiv       background  none no-repeat scroll 0 0 rgba 1  56  110  0 7       border-radius  10px 10px 10px 10px      box-shadow  0 0 5px  0099FF      color  white      margin  10px auto      padding  10px      text-align  justify      width  -moz-fit-content          Now  the last command  width  -moz-fit-content   is exactly what I need    Only problem is   it works only on Firefox   I also tryed with  display inline-block    but I need these divs to behave like divs  Namely  every next div should be under  and not inline  the previous   Do you know any possible cross-browser solution

User · Answer

Mozilla s MDN suggests something like the following  source     p     width  intrinsic               Safari WebKit uses a non-standard name      width  -moz-max-content        Firefox Gecko      width  -webkit-max-content     Chrome

User · Answer

In similar case I used  white-space  nowrap

User · Answer

I use these    right  display table  margin -18px 0 0 auto    center  display table  margin -18px auto 0 auto

User · Answer

width  intrinsic               Safari WebKit uses a non-standard name    width  -moz-max-content        Firefox Gecko    width  -webkit-max-content     Chrome

User · Answer

Why not use some brs    lt div class  mydiv-centerer  gt       lt div class  mydiv  gt Some content lt  div gt  lt br   gt       lt div class  mydiv  gt More content than before lt  div gt  lt br   gt       lt div class  mydiv  gt Here is a lot of content that                        I was not anticipating lt  div gt       lt  div gt    CSS   mydiv-centerer      text-align  center      mydiv      background  none no-repeat scroll 0 0 rgba 1  56  110  0 7       border-radius  10px 10px 10px 10px      box-shadow  0 0 5px  0099FF      color  white      margin  10px auto      padding  10px      text-align  justify      display inline-block      Example  http   jsfiddle net YZV25

User · Answer

At last I fixed it simply using   display  table

User · Answer

Is there a single declaration that fixes this for Webkit  Gecko  and Blink  No  However  there is a cross-browser solution by specifying multiple width property values that correspond to each layout engine s convention    mydiv             width  intrinsic               Safari WebKit uses a non-standard name      width  -moz-max-content        Firefox Gecko      width  -webkit-max-content     Chrome              Adapted from  MDN

[firefox] Is there a css cross-browser value for "width: -moz-fit-content;"?

Examples related to firefox

Examples related to css

Examples related to cross-browser