Мне нужно, чтобы некоторые 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;", но мне нужны эти divs, чтобы вести себя как divs. А именно, каждый следующий div должен быть под, а не встроенным, предыдущим.
Знаете ли вы какое-либо возможное кросс-браузерное решение?