Есть ли кроссбраузерное значение css для «width: -moz-fit-content;»?

Мне нужно, чтобы некоторые div были по центру и чтобы соответствовали ширине их содержимого одновременно.

Сейчас я делаю это так:

.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;
  }
}

Теперь последняя команда "width: -moz-fit-content;" - это именно то, что мне нужно!

Единственная проблема ... работает только в Firefox.

Я также пробовал с «display: inline-block;» , но мне нужно, чтобы эти div работали как div. А именно, каждый следующий div должен быть под , а не встроенным , предыдущим.

Знаете ли вы какое-либо возможное кроссбраузерное решение?